‎‎نمايش اشياء جاوااسكريپت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"]

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

JS Objects اشیاء جاوااسکریپت

JS Functions توابع جاوااسکریپت

JS Classes کلاسهای جاوااسکریپت

JS Async ناهمزمانی جاوااسکریپت

JS HTML DOM شئ دام

JS Browser BOM شئ مرورگر

JS Web APIs رابط های اپی آی وب

JS AJAX آجکس وجاوااسکریپت

JavaScript JSON

JavaScript vs JQuery

JS Graphics گرافیک جاوااسکریپت

JS References فهرست مطالب