JavaScript Obyektlarni Ko'rsatish (Display Objects)
JavaScript obyektini to'g'ridan-to'g'ri chiqarishga harakat qilsangiz, brauzer odatda [object Object] natijasini beradi.
Misol
const person = {
name: "John",
age: 30,
city: "New York"
};
// Bu kutilgan natijani bermaydi
document.getElementById("demo").innerHTML = person; // Natija: [object Object]Obyektning mazmunini (ma'lumotlarini) ko'rish uchun bir nechta usullar mavjud:
1. Xususiyatlarni Nomlari Bo'yicha Chiqarish
Eng oddiy usul — har bir xususiyatni alohida ko'rsatish.
Misol
let text = person.name + ", " + person.age + ", " + person.city;2. Tsikl (Loop) Yordamida Chiqarish
Obyektning barcha xususiyatlarini for...in tsikli yordamida aylanib chiqish mumkin:
Misol
let text = "";
for (let x in person) {
text += person[x] + " ";
};Muhim!
Tsikl ichida person[x] dan foydalanishingiz kerak. person.x ishlamaydi, chunki x o'zgaruvchi nomi emas, balki loop ichidagi kalit (key).
3. Object.values() Metodi
Object.values() metodi obyektning barcha qiymatlaridan iborat bo'lgan massiv (array) yaratadi.
Misol
const myArray = Object.values(person);
// Endi myArray ["John", 30, "New York"] ko'rinishida bo'ladi4. Object.entries() Metodi
Object.entries() metodi obyektning kalit va qiymatlarini juftlik sifatida olishni osonlashtiradi:
Misol
const fruits = {Bananas:300, Oranges:200, Apples:500};
let text = "";
for (let [fruit, value] of Object.entries(fruits)) {
text += fruit + ": " + value + "<br>";
}5. JSON.stringify() Metodi
Obyektni satrga (string) aylantirishning eng samarali usuli — JSON.stringify() metodini ishlatishdir.
Misol
let text = JSON.stringify(person);
// Natija: {"name":"John","age":30,"city":"New York"}Bu usul o'rnatilgan JavaScript funksiyasi bo'lib, barcha brauzerlarda ishlaydi.
Xulosa
- Obyektni string kutilgan joyda ishlatsangiz, [object Object] chiqadi.
- Obyekt ma'lumotlarini ko'rish uchun ularni nomlari bo'yicha olish,
for...intsikli,Object.values()yokiJSON.stringify()usullaridan foydalanish mumkin.
