٪۴۰ تخفیف تابستانه شروع شد! بزرگترین حراج سال ما

به ما بپیوندید

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

چگونه اشیا Java جاوا اسکریپت را نمایش دهیم؟ نمایش یک شی JavaScript از [object Object] خارج می شود . مثال const person = { name: "John", age: 30, city: "New York" }; document.getElementById("demo").innerHTML = person; برخی از راه حل های معمول برای…

محمد یوسفی

25 جولای 2021

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

نمایش یک شی JavaScript از [object Object] خارج می شود .

مثال

const person = {
  name: "John",
  age: 30,
  city: "New York"
};

document.getElementById("demo").innerHTML = person;

برخی از راه حل های معمول برای نمایش اشیا objects JavaScript عبارتند از:

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

 


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

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

مثال

const person = {
  name: "John",
  age: 30,
  city: "New York"
};

document.getElementById("demo").innerHTML =
person.name + "," + person.age + "," + person.city;

نمایش اشیا in به صورت حلقه ای

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

مثال

const person = {
  name: "John",
  age: 30,
  city: "New York"
};

let txt = "";
for (let x in person) {
txt += person[x] + " ";
};

document.getElementById("demo").innerHTML = txt;

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

person.x کار نمی کند (زیرا x یک متغیر است).


با استفاده از Object.values ​​()

هر شی JavaScript را می توان با استفاده از Object.values():

const person = {
  name: "John",
  age: 30,
  city: "New York"
};

const myArray = Object.values(person);

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

مثال

const person = {
  name: "John",
  age: 30,
  city: "New York"
};

const myArray = Object.values(person);
document.getElementById("demo").innerHTML = myArray;

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


استفاده از JSON.stringify ()

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

const person = {
  name: "John",
  age: 30,
  city: "New York"
};

let myString = JSON.stringify(person);

myString اکنون یک رشته JavaScript است ، آماده نمایش است:

مثال

const person = {
  name: "John",
  age: 30,
  city: "New York"
};

let myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;

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

{“نام”: “جان” ، “سن”: 50 ، “شهر”: “نیویورک”}

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


رشته های تاریخ

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

مثال

const person = {
  name: "John",
  today: new Date()
};

let myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;

توابع Stringify

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

مثال

const person = {
  name: "John",
  age: function () {return 30;}
};

let myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;

اگر قبل از رشته سازی توابع را به رشته تبدیل کنید ، این می تواند “ثابت” شود.

مثال

const person = {
  name: "John",
  age: function () {return 30;}
};
person.age = person.age.toString();

let myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;

آرایه ها را رشته بندی کنید

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

مثال

const arr = ["John", "Peter", "Sally", "Jane"];

let myString = JSON.stringify(arr);
document.getElementById("demo").innerHTML = myString;

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

[“جان” ، “پیتر” ، “سالی” ، “جین”]

منبع

مطالب مرتبط

0 0 رای ها
امتیازدهی به مقاله
اشتراک در
اطلاع از
guest
0 نظرات
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها