JavaScript Gösterge Nesnesi

JavaScript nesnesini nasıl gösterilir?

JavaScript nesnesini nasıl gösterir? [object Object].

Örnek

const person = {
  name: "Bill",
  age: 19,
  city: "Seattle"
};
document.getElementById("demo").innerHTML = person;

Deneyin

JavaScript nesnelerini göstermek için bazı yaygın çözümler:

  • Adına göre nesne özelliklerini gösterin
  • Nesne özelliklerini döngüde gösterin
  • Object.values() kullanarak nesneyi gösterin
  • Object.stringify() kullanarak nesneyi gösterin

Nesne özelliklerini gösterin

Nesnenin özellikleri dizgi olarak görüntülenebilir:

Örnek

const person = {
  name: "Bill",
  age: 19,
  city: "Seattle"
};
document.getElementById("demo").innerHTML =
person.name + "," + person.age + "," + person.city;

Deneyin

Döngüde nesneyi gösterin

Döngüde nesnenin özelliklerini toplayabilirsiniz:

Örnek

const person = {
  name: "Bill",
  age: 19,
  city: "Seattle"
};
let txt = "";
for (let x in person) {
txt += person[x] + " ";
};
document.getElementById("demo").innerHTML = txt;

Deneyin

person[x] kullanarak döngüde olmalısınız.

person.x etkili olmayacak (çünkü x bir değişkendir).

Object.values() kullanarak

Kullanarak Object.values()Her JavaScript nesnesi, dizeye dönüştürülebilir:

const person = {
  name: "Bill",
  age: 19,
  city: "Seattle"
};
const myArray = Object.values(person);

myArray Şimdi JavaScript dizisi, görüntülenebilir:

Örnek

const person = {
  name: "Bill",
  age: 19,
  city: "Seattle"
};
const myArray = Object.values(person);
document.getElementById("demo").innerHTML = myArray;

Deneyin

2016 yılından beri, tüm ana tarayıcılar destekler Object.values().

Chrome IE Firefox Safari Opera
54 (2016) 14 (2016) 47 (2016) 10 (2016) 41 (2016)

JSON.stringify() kullanarak

Her JavaScript nesnesi, JavaScript fonksiyonunu kullanarak JSON.stringify() Stringifikasyonu gerçekleştirin (dizeye dönüştürün):

const person = {
  name: "Bill",
  age: 19,
  city: "Seattle"
};
let myString = JSON.stringify(person);

myString Şimdi JavaScript stringi, görüntülenebilir:

Örnek

const person = {
  name: "Bill",
  age: 19,
  city: "Seattle"
};
let myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;

Deneyin

Sonuç, JSON işaretlerinin birine uygun bir dize olacaktır:

{"name":"Bill","age":19,"city":"Seattle"}

JSON.stringify() JavaScript'te içerikli, tüm popüler tarayıcılar destekler.

Tarih stringifikasyonu

JSON.stringify Tarih'i stringe dönüştürme:

Örnek

const person = {
  name: "Bill",
  today: new Date()
};
let myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;

Deneyin

Fonksiyon Dizeleştirme

JSON.stringify Fonksiyonu dizeleştirmeyecektir:

Örnek

const person = {
  name: "Bill",
  age: function () {return 19;}
};
let myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;

Deneyin

Fonksiyonu dizeleştirmeden önce fonksiyonu dizeye dönüştürdüyseniz, bu "daha az esnek" olabilir.

Örnek

const person = {
  name: "Bill",
  age: function () {return 19;}
};
person.age = person.age.toString();
let myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;

Deneyin

Dizi Dizeleştirme

JavaScript dizilerini de dizeleştirebilirsiniz:

Örnek

const arr = ["Bill", "Steve", "Elon", "David"];
let myString = JSON.stringify(arr);
document.getElementById("demo").innerHTML = myString;

Deneyin

Sonuç, JSON işaretlerinin birine uygun bir dize olacaktır:

["Bill","Steve","Elon","David"]