Cara Menambahkan Properti pada Objek di Javascript

JavaScript dirancang pada paradigma berbasis objek sederhana. Objek adalah kumpulan properti, dan properti adalah hubungan antara nama (atau kunci) dan nilai. Nilai properti bisa menjadi fungsi, dalam hal properti dikenal sebagai metode. Selain objek yang sudah ditentukan di browser, Anda bisa menentukan objek sendiri. Pada tips dan trik kali ini saya akan mencoba Cara Menambahkan Properti pada Objek di Javascript.

Terkadang teman-teman ingin menambahkan properti setelah membuat suatu objek yang sudah terdapat beberapa property. Nah, kali ini saya akan memberikan langkah-langkah Cara Menambahkan Properti pada Objek di Javascript:

1. Pertama

Buka teks editor teman-teman dan buat file html baru

2. Kedua

Buat objek baru menggunakan javascript

/**
<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>
<script>
//murid adalah objek
var murid = {
//properti    
namaDepan:"Gilang",    
namaBelakang:"Ginanjar",
umur:24,
};
//cetak objek beserta propertinya
document.getElementById("demo").innerHTML = 
murid.namaDepan + " " + murid.namaBelakang + ",  Umur " + murid.umur;
</script>
</body>
</html>
 */

Lalu simpan dan buka file htmlnya di browser teman-teman maka akan tampil objek seperti gambar di bawah ini

3. Ketiga

Tambahkan kode javascript di bawah ini untuk menambahkan property pada objek yang telah kita buat dan jangan lupa kita cetak lagi propertinya

//cetak objek beserta propertinya<br />//murid.kewarganegaraan dalah properti baru
murid.kewarganegaraan = "Indonesia";
document.getElementById("demo").innerHTML =<br />//setelah murid.umur kita tampilkan kewarganegaraan denganmemanggil properti baru
murid.namaDepan + " " + murid.namaBelakang + ", Umur " + murid.umur + " Warga Negara " <br />+ murid.kewarganegaraan;

Coba teman-teman refresh filenya maka property yang kita tambahkan sudah masuk dalam objek yang kita buat

Bagaimana teman-teman cukup mudahkan menambahkan property pada objek di javascript, dengan javascript kita bisa memanipulasi objek sesuai keinginan atau kebutuhan kita sendiri.

Sekian tips dan trik kali ini tentang Cara Menambahkan Properti pada Objek di Javascript. Semoga bermanfaat bagi teman-teman.