نمایش اشیاء JS

قبلی بعدی

نمایش اشیاء در JS

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

const person = {
    name: "Ehsan",
    family: "Eslami",
    age: 31,
};

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

برای نمایش اشیاء در JS می توانیم از چند روش استفاده کنیم:

نمایش مقدار با استفاده از نام شیء و نام ویژگی
نمایش ویژگی های شیء در حلقه
نمایش مقدار ویژگی های شیء با استفاده از Object.values()
نمایش نام ویژگی های شیء با استفاده از Object.keys()
نمایش ویژگی های شیء با استفاده از Object.entries()
نمایش ویژگی های شیء با استفاده از JSON.stringify()

نمایش ویژگی با نام شیء در JS

با استفاده از نام شیء می توان ویژگی های آن را نمایش داد.

const person = {
    name: "Ehsan",
    family: "Eslami",
    age: 31,
};

person.name + ", " + person.family + ", " + person.age;

نکته: نمایش ویژگی و متد با استفاده از نام شیء به صورت کامل در آموزش اشیاء در JS توضیح داده شده است.

نمایش ویژگی شیء با حلقه در JS

با استفاده از حلقه می‌توانیم تمام ویژگی‌های شیء را مرور و نمایش دهیم.

const person = {
    name: "Ehsan",
    family: "Eslami",
    age: 31,
};

let text = "";
for (let x in person) {
    text += `${x}: ${person[x]}<br/>`;
};

نکته: برای اطلاعات بیشتر به آموزش حلقه for in مراجعه کنید.

متد Object.values() در JS

متد Object.values() یک پارامتر دریافت می کند، که همان شیء است.

مقدار برگشتی این متد یک آرایه، شامل مقادیر ویژگی شیء به ترتیب خود شیء است.

const person = {
    name: "Ehsan",
    family: "Eslami",
    age: 31,
};

Object.values(person);

متد Object.keys() در JS

متد Object.keys() یک پارامتر دریافت می کند، که همان شیء است.

مقدار برگشتی این متد یک آرایه، شامل نام ویژگی شیء به ترتیب خود شیء است.

const person = {
    name: "Ehsan",
    family: "Eslami",
    age: 31,
};

Object.keys(person);

متد Object.entries() در JS

متد Object.entries() یک آرایه شامل جفت‌ نام و مقدار برای هر ویژگی در شیء برمی‌گرداند.

const person = {
    name: "Ehsan",
    family: "Eslami",
    age: 31,
};

Object.entries(person);
// [["name", "Ehsan"], ["family", "Eslami"], ["age", 31]];

متد JSON.stringify() در JS

با استفاده متد JSON.stringify()، می‌توانیم شیء را به یک رشته JSON تبدیل کنیم که نمایشی خوانا و ساختاریافته از شیء است.

const person = {
    name: "Ehsan",
    family: "Eslami",
    age: 31,
};

JSON.stringify(person);

خلاصه درس

در این فصل با روش هایی برای نمایش اشیاء آشنا شدیم:

نمایش ویژگی های شیء با نام (name)
نمایش ویژگی های شیء در حلقه
نمایش ویژگی های شیء با استفاده از Object.values()
نمایش ویژگی های شیء با استفاده از Object.entries()
نمایش ویژگی های شیء با استفاده از JSON.stringify()

قبلی بعدی

توسعه دهندگان

احسان اسلامی