آموزش جاوا اسکریپت

نمایش اشیاء در جاوا اسکریپت

آموزش جاوا اسکریپت از مبتدی تا حرفه ای

در درس امروز از آموزش جاوا اسکریپت درباره چگونگی نمایش اشیا در جاوا اسکریپت صحبت خواهیم نمود.

برای نمایش اشیا در جاوا اسکریپت راه های مختلفی وجود دارد که در این درس به معرفی آن ها می پردازیم.

چگونه اشیا جاوا اسکریپت را نمایش دهیم؟

اگر بخواهید یک شی جاوا اسکریپت را در خروجی نمایش دهید به صورت [object Object] نمایش داده می شود.

مثال

خودتان آزمایش کنید

برخی از راه حل های معمول برای نمایش اشیا جاوا اسکریپت عبارتند از:

  • نمایش خصوصیات شیء بوسیله نام آنها
  • نمایش خصوصیات شیء بوسیله یک حلقه
  • نمایش شی با استفاده از Object.values()
  • نمایش شی با استفاده از JSON.stringify()

نمایش خصوصیات شیء

ویژگی های یک شی را می توان به عنوان یک رشته نمایش داد:

مثال

خودتان آزمایش کنید

نمایش شیء در یک حلقه

تمام ویژگی های یک شی را می توان با یک حلقه نمایش داد:

مثال

خودتان آزمایش کنید

شما باید از person [x] در حلقه استفاده کنید.

عبارت person.x در حلقه کار نخواهد کرد (زیرا x یک متغیر است).


نمایش شیء با استفاده از Object.values​​()

هر شی جاوااسکریپت را می توان با استفاده از تابع Object.values() به یک آرایه تبدیل کرد :

myArray اکنون یک آرایه جاوا اسکریپت است که آماده نمایش است:

مثال

خودتان آزمایش کنید

Object.values() از سال 2016 در همه مرورگرهای اصلی پشتیبانی می شود.

Chrome Edge Firefox Safari Opera
54 (2016) 14 (2016) 47 (2016) 10 (2016) 41 (2016)


نمایش شیء با استفاده از JSON.stringify()

هر شی جاوا اسکریپت را می توان با تابع جاوا اسکریپت JSON.stringify() به رشته تبدیل کرد :

myString اکنون یک رشته جاوا اسکریپت از شی person است که آماده نمایش است:

مثال

خودتان آزمایش کنید

نتیجه یک رشته JSON خواهد بود:

{“name”:”John”,”age”:50,”city”:”New York”}

بعبارت دیگر این تابع اشیا را به کد JSON تبدیل می کند.

JSON.stringify() در تمام مرورگرهای اصلی پشتیبانی می شود.

Chrome Edge Firefox Safari Opera
Yes 8.0 3.5 4.0 10.5

تبدیل تاریخ به رشته

JSON.stringify تاریخ های درون شیء را نیز به رشته تبدیل می کند:

مثال

خودتان آزمایش کنید

تبدیل توابع شیء به رشته

JSON.stringify توابع عضو شیء را به رشته تبدیل نمی کند:

مثال

خودتان آزمایش کنید

اگر قبل از تبدیل شیء به رشته، توابع شیء را به صورت جداگانه و توسط متد .toString() به رشته تبدیل کنید ، مشکل کد بالا برطرف می شود.

مثال

خودتان آزمایش کنید

تبدیل آرایه ها به رشته

تبدیل کردن آرایه های جاوا اسکریپت نیز به رشته امکان پذیر است:

مثال

خودتان آزمایش کنید

نتیجه یک رشته JSON خواهد بود:

[“John”,”Peter”,”Sally”,”Jane”]


منبع : W3Schools.com


دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *