Mencetak Nilai Object

View Categories

Mencetak Nilai Object

Object dapat ditampilkan dengan banyak cara. Menampilkan object secara langsung hanya akan menghasilkan [object Object]. Perhatikan contoh di bawah ini.

var person = {name:"John", age:30, city:"New York"};

document.getElementById("demo").innerHTML = person;

Jalankan Contoh

JavaScript menyediakan berbagai fungsi untuk menampilkan object agar nilai-nilai di dalam object tersebut dapat dibaca dengan jelas dan bermakna.

Menampilkan Nilai Properti

Nilai properti dalam object dapat ditampilkan sebagai text yang dapat dibaca.

var person = {name:"John", age:30, city:"New York"};

document.getElementById("demo").innerHTML =
person.name + "," + person.age + "," + person.city;

Jalankan Contoh

Dengan menggunakan for in loop kita dapat menampilkan nilai properti dalam object satu per satu.

var x, txt = "";
var person = {name:"John", age:30, city:"New York"};

for (x in person) {
txt += person[x] + " ";
};

document.getElementById("demo").innerHTML = txt;

Jalankan Contoh

Fungsi Object.values()

Object dapat dikonversikan menjadi array dengan menggunakan fungsi Object.values().

var person = {name:"John", age:30, city:"New York"};

var myArray = Object.values(person);

Array yang dihasilkan dapat langsung ditampilkan.

var person = {name:"John", age:50, city:"New York"};

var myArray = Object.values(person);
document.getElementById("demo").innerHTML = myArray;

Jalankan Contoh

Fungsi JSON.stringify()

Object dapat dikonversikan menjadi string dengan menggunakan fungsi JSON.stringify().

var person = {name:"John", age:30, city:"New York"};

var myString = JSON.stringify(person);

String yang dihasilkan dapat langsung ditampilkan.

var person = {name:"John", age:30, city: "New York"};

var myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;

Jalankan Contoh

Contoh di bawah ini memperlihatkan konversi object Date menjadi string menggunakan JSON.stringify

var person = {name:"John", today:new Date()};

var myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;

Jalankan Contoh

Contoh di bawah ini memperlihatkan konversi object array menjadi string menggunakan JSON.stringify

var arr = ["John", "Peter", "Sally", "Jane"];

var myString = JSON.stringify(arr);
document.getElementById("demo").innerHTML = myString;

Jalankan Contoh

Tutorial sebelumnya : Fungsi Pada Object
Tutorial setelahnya : Mengakses Nilai Dalam Object
Semua Tutorial JavaScript : Tutorial JavaScript 

Tinggalkan Balasan