Skip to content

JavaScript Obyektlarni Ko'rsatish (Display Objects)

JavaScript obyektini to'g'ridan-to'g'ri chiqarishga harakat qilsangiz, brauzer odatda [object Object] natijasini beradi.

Misol

js
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

js
let text = person.name + ", " + person.age + ", " + person.city;

2. Tsikl (Loop) Yordamida Chiqarish

Obyektning barcha xususiyatlarini for...in tsikli yordamida aylanib chiqish mumkin:

Misol

js
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

js
const myArray = Object.values(person);
// Endi myArray ["John", 30, "New York"] ko'rinishida bo'ladi

4. Object.entries() Metodi

Object.entries() metodi obyektning kalit va qiymatlarini juftlik sifatida olishni osonlashtiradi:

Misol

js
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

js
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...in tsikli, Object.values() yoki JSON.stringify() usullaridan foydalanish mumkin.