‎‎نمايش اشياء جاوااسكريپتJavaScript Display Objects -‎

‎ How to Display JavaScript Objects ?

‎‎چگونگي نمايش اشياء جاوااسكريپت

‎‎بنمايش در آوردن شئ جاوااسكريپت داراي خروجي‎[object Object]‎ ميباشد .

‎‎مثال ـ نمايش شئperson

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

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

‎‎برخي از راه حلهاي رايج براي نمايش اشياء جاوااسكريپت مطابق زيرند:

‎
• ‎‎نمايش ويژگي هاي شئ با نام ويژگي
• ‎‎نمايش ويژگي هاي شئ ازطريق حلقه
• ‎‎نمايش شئ با استفاده از‎Object.values( )‎
• ‎‎نمايش شئ با استفاده از‎JSON.stringify( )‎
‎

‎‎نمايش ويژگي هاي شئDisplaying Object Properties -‎

‎‎اين ويژگي هاي شئ را ميتوان مطابق رشته نمايش داد:

‎‎مثال ـ نمايش ويژگي ها در يك رشته

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

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

‎‎نمايش شئ با حلقهDisplaying tht Object in a loop -‎

‎‎ويژگي هاي يك شئ را ميتوان در يك حلقه جمع آوري. كرد.

‎‎مثال ـ نمايش شئ با حلقه

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

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

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

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

‎هر شئ جاوااسكريپت ميتواند بوسيله‎‎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;

‎‎پشتيباني مرورگرBrowser Support -‎

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

‎

‎54 (2016)	‎14 (2016)	‎47 (2016)	‎10 (2016)	‎41 (2016)

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

‎هر شئ جاوااسكريپتي مي تواند بوسيله‎‎JSON.stringify()‎‎‎ تبديل به ‎رشته گردد .نمونه زير:

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

let myString = JSON.stringify(person);

‎‎myString‎‎حاصل كدفوق آماده نمايش در صفحه ميباشد .

‎‎مثال ـ نمايش شئ با جيسونstringify

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

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

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

‎‎رشته اي نمودن تاريخ هاStringify Dates -‎

‎با متد داخلي‎‎JSON.strigify( )‎‎ ميتوان شئ تاريخ را به رشته اي ‎خواناتر تبديل نمود.

‎‎مثال ـ تبديل تاريخ به رشته ونمايش آن

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

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

‎‎متدها در رشته اي كردن جيسونStringify Functions -‎

‎‎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;

‎‎رشته اي كردن آرايه هاStringify Arrays -‎

‎‎همچنين ميتوان آرايه هاي جاوااسكريپت را رشته اي كرد.

‎‎مثال ـ رشته كردن آرايه

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

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

‎‎نتيجه مطابق فرمت رشته اي جيسون مطابق زير خواهد بود.

‎["John",""Peter","Sally", "Jane"]