MulaiCode
JavaScript

JS Display Objects

Pelajari bagaimana menampilkan isi objek di JavaScript.

JavaScript Display Objects

Objek JavaScript bisa ditampilkan dalam berbagai cara tergantung kebutuhan — seperti dalam log konsol, dalam HTML, atau dikonversi ke string menggunakan JSON.stringify.

1. Menampilkan Objek dengan console.log()

Cara paling umum saat debugging.

const person = { name: "Andi", age: 30 };
console.log(person);

2. Menampilkan Objek di HTML secara manual

<p id="demo"></p>
 
<script>
  const person = { name: "Andi", age: 30 };
  document.getElementById("demo").innerHTML = person.name + " is " + person.age;
</script>

3. Menggunakan JSON.stringify()

Untuk menampilkan seluruh isi objek sebagai string.

const person = { name: "Andi", age: 30 };
console.log(JSON.stringify(person));

4. Menampilkan Properti dengan Loop

const person = { name: "Andi", age: 30 };
let output = "";
for (let key in person) {
  output += key + ": " + person[key] + "\n";
}
console.log(output);

JS Object Methods

Pelajari cara menambahkan method ke objek JavaScript dan cara pemanggilannya.

JS Object Constructors

Pelajari cara membuat objek dengan constructor function di JavaScript.

On this page