Mengenal Property Pada Object Javascript
Halo teman teman pada bagian ini kita akan memulai dengan belajar cara membuat objek dan mengenal property pada Object Javascript. Ada dua cara untuk membuat objek. Kita akan lihat satu persatu yang pertama kita bisa menggunakan kata kunci var lalu namanya yaitu Komputer. Jadi objek ini adalah salah satu tipe data. Jadi saya simpan tipe data objek ini kedalam variabel komputer. Artinya komputer ini adalah sebuah objek. Bentuk penulisannya sebagai berikut
Berikutnya akan ada kurung kurawal yang mana isinya akan ada property yang terdiri dari pasangan key dan value. Key sebagai kuncinya dan value sebagai nilainya. Misalnya kita isi spesifikasi dari objek Komputernya. Mulai dari namanya
Artinya yang disebelah kanan yakni nama sebagai keynya dan valuenya atau nilainya adalah Lenovo. Jadi pada objek dijavacsript terdapat istilah property dengan pasangan key dan value dimana property satu ke property berikutnya akan dipisahkan dengan koma seperti berikut
Kita lanjut lagi misalnya kita ingin masukkan harganya lalu akan ada jumlah quantitynya. Tidak ada batasnya kita bisa mengisi lebih banyak lagi untuk propertynya. Tentu tergantung dari kebutuhannya dan sekarang bagaimana cara untuk mengambil nilai property dari objek yang kita buat. Untuk itu kita akan memasukkan nilainya kedalam document HTMLnya dengan menuliskan innerHTML berdasarkan idnya
Bagus sekali kita sudah berhasil mendapatkan namanya yaitu Lenovo dibagian browsernya
Jadi dengan sangat simple kita hanya menentukan nama-objeknya lalu titik dan di ikuti dengan nama keynya untuk mendapatkan nilainya dan kita akan lakukan hal yang sama bila kita ingin mencetak Harga dan Quantity dari barangnya. Pastikan semua berjalan dengan baik sedangkan untuk cara kedua kita bisa menggunakan kata kunci New Object() untuk membuat objeknya. Kali ini kita akan variabel objek yang berbeda yaitu Mahasiswa
Artinya mahasiswa tersebut sudah otomatis object. Lalu bagaimana cara menambahkan propertynya ? caranya cukup mudah kita tinggal menentukan objeknya lalu nama keynya dan disebelah kanannya yaitu value dari keynya seperti berikut
dan bila kita cetak maka kita akan dapat nama Mahasiswanya berhasil ditampilkan. Nah selain mengakses dengan tanda titik kita juga bisa mengakses keynya dengan tanda kurung kotak sebagai berikut
maka kita dapat hasil yang sama begitu pun bila saya ubah nilainya. Jadi pada bagian ini kita berhasil membuat objek dengan dua cara dan mengenal hal baru yaitu tentang property lalu kita sudah belajar cara mengakses nilai dari objeknya dengan dua cara yaitu dengan kurung kotak atau pun menggunakan titik. Oke sampai jumpa pada barewgian berikutnya.
Webinar Gratis 2024
Sabtu, 09 Maret 2024
10 Bahasa Rekomendasi Untuk Dipelajari di 2024
Python Developer, Data Science, Web Application
Minggu, 26 Mei 2024, 09.00-13.00 WIB
(4 Jam Membuat Backend di Laravel 11)