JavaScript Görüntüleme Nesneleri
JavaScript Nesneleri Nasıl Görüntülenir?
Bir JavaScript nesnesinin görüntülenmesi, [object Object] çıktısını verir .
Örnek
const person = {
name: "John",
age: 30,
city: "New York"
};
document.getElementById("demo").innerHTML = person;
JavaScript nesnelerini görüntülemek için bazı yaygın çözümler şunlardır:
- Nesne Özelliklerini ada göre görüntüleme
- Bir Döngüde Nesne Özelliklerini Görüntüleme
- Object.values() kullanarak Nesneyi Görüntüleme
- JSON.stringify() kullanarak Nesneyi Görüntüleme
Nesne Özelliklerini Görüntüleme
Bir nesnenin özellikleri bir dize olarak görüntülenebilir:
Örnek
const person = {
name: "John",
age: 30,
city: "New York"
};
document.getElementById("demo").innerHTML =
person.name + "," + person.age + "," + person.city;
Nesneyi Döngü İçinde Görüntülemek
Bir nesnenin özellikleri bir döngüde toplanabilir:
Örnek
const person = {
name: "John",
age: 30,
city: "New York"
};
let txt = "";
for (let x in person) {
txt += person[x] + " ";
};
document.getElementById("demo").innerHTML = txt;
Döngüde kişi[x] kullanmalısınız .
person.x çalışmayacaktır (çünkü x bir değişkendir).
Object.values() işlevini kullanma
Herhangi bir JavaScript nesnesi aşağıdakiler kullanılarak bir diziye dönüştürülebilir Object.values()
:
const person = {
name: "John",
age: 30,
city: "New York"
};
const myArray = Object.values(person);
myArray
artık görüntülenmeye hazır bir JavaScript dizisidir:
Örnek
const person = {
name: "John",
age: 30,
city: "New York"
};
const myArray = Object.values(person);
document.getElementById("demo").innerHTML = myArray;
Object.values()
2016'dan beri tüm büyük tarayıcılarda desteklenmektedir.
54 (2016) | 14 (2016) | 47 (2016) | 10 (2016) | 41 (2016) |
JSON.stringify()'ı kullanma
Herhangi bir JavaScript nesnesi, JavaScript işleviyle dizelenebilir (bir dizeye dönüştürülebilir)
JSON.stringify()
:
const person = {
name: "John",
age: 30,
city: "New York"
};
let myString = JSON.stringify(person);
myString
artık görüntülenmeye hazır bir JavaScript dizesidir:
Örnek
const person = {
name: "John",
age: 30,
city: "New York"
};
let myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;
Sonuç, JSON gösterimini izleyen bir dize olacaktır:
{"ad":"John","yaş":50,"şehir":"New York"}
JSON.stringify()
JavaScript'e dahildir ve tüm büyük tarayıcılarda desteklenir.
Tarihleri Sırala
JSON.stringify
tarihleri dizgelere dönüştürür:
Örnek
const person = {
name: "John",
today: new Date()
};
let myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;
Fonksiyonları Dizgelemek
JSON.stringify
işlevleri dizgelendirmez:
Örnek
const person = {
name: "John",
age: function () {return 30;}
};
let myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;
İşlevleri dizgeleştirmeden önce dizgelere dönüştürürseniz bu "sabitlenebilir".
Örnek
const person = {
name: "John",
age: function () {return 30;}
};
person.age = person.age.toString();
let myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;
Dizileri Stringify
JavaScript dizilerini dizmek de mümkündür:
Örnek
const arr = ["John", "Peter", "Sally", "Jane"];
let myString = JSON.stringify(arr);
document.getElementById("demo").innerHTML = myString;
Sonuç, JSON gösterimini izleyen bir dize olacaktır:
["John","Peter","Sally","Jane"]