Pada kesempatan kali ini saya akan menjelaskan cara menampilkan type data object array ke dalam list html. Perlu teman-teman ketahui sebelumnya, untuk membuat variabel array di JavaScript, teman-teman dapat membuatnya dengan banyak tipe data seperti angka, string, objek dan lainnya. Untuk membuat Objek teman-teman dapat memulai dengan kurung kurawal dan properti objek tersebut ditulis sebagai nama: pasangan nilai, yang dipisahkan dengan koma. Tentunya dengan object tersebut, teman-teman bisa membuat lebih dari satu data object disatu variabel.

Berikut contoh penulisannya

Penjelasan:

Untuk variabel motor memiliki 3 property dimana property tersebut adalah merk, harga dan cc yang di ikuti dengan value masing-masing dari property tersebut setelah titik dua dan dipisahkan dengan separator koma.

Contoh lain, saya memiliki data Object sebagai berikut :

Bagaimana cara menampilkan data Object tersebut kedalam list HTML ?

Pada penjelasan disini akan saya contohkan cara menampilkan data Object tersebut ke dalam List HTML dengan menggunakan perulangan for.

Berikut Tahapannya :

  • Teman-teman buat terlebih dahulu satu buah file dengan nama index.html
  • Ketikan kode seperti berikut

  • Jika sudah teman-teman save terlebih dahulu file tersebut, dan lihat hasilnya di browser teman-teman.

Sampai disini penjelasan saya mengenai cara menampilkan type data object array ke dalam list html, semoga bermanfaat.

WhatsApp chat