Obyektni chiqarish

JavaScript obyektlarini qanday ko‘rsatish mumkin?

JavaScript obyektini ko‘rsatish [object Object] natijasini chiqaradi.

Misol

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

let text = person;

Nega [object Object] ko‘rinadi?

[Object Object] obyektni (xususiyatlari bo‘lgan ma’lumotlar strukturasi) string kutilayotgan kontekstga qo‘yishga harakat qilganingizda paydo bo‘ladi.

[Object Object] JavaScript bu vaziyatni qanday hal qiladi.

JavaScript obyektlarini ko‘rsatish uchun ba’zi echimlar:

Obyekt xususiyatlarini nomi bo‘yicha ko‘rsatish
Obyekt xususiyatlarini siklda ko‘rsatish
Obyektni Object.values() yordamida ko‘rsatish
Obyektni JSON.stringify() yordamida ko‘rsatish

Obyekt xususiyatlarini ko‘rsatish

Obyektning xususiyatlari stringga qo‘shilishi mumkin:

Misol

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

// Add Properties
let text = person.name + "," + person.age + "," + person.city;

O‘zingiz sinab ko‘ring »

For .. In siklidan foydalanish

Obyektning xususiyatlari siklda to‘planishi mumkin:

Misol

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

// Build a Text
let text = "";
for (let x in person) {
text += person[x] + " ";
};

O‘zingiz sinab ko‘ring »

Loopda person[x] dan foydalanishingiz kerak.

person.x ishlamaydi (chunki x — sikl o‘zgaruvchisi).

Object.values() dan foydalanish

Object.values() xossa qiymatlaridan massiv yaratadi:

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

// Create an Array
const myArray = Object.values(person);

// Stringify the Array
let text = myArray.toString();

O‘zingiz sinab ko‘ring »

Object.entries()’dan foydalanish

Object.entries() obyektlarni sikllarda ishlatishni osonlashtiradi:

Misol

const fruits = {Bananas:300, Oranges:200, Apples:500};

let text = "";
for (let [fruit, value] of Object.entries(fruits)) {
text += fruit + ": " + value + "<br>";
}

O‘zingiz sinab ko‘ring »