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

Mengenal-Property-Pada-Object-Javascript-17-02-2016-1

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 

Mengenal-Property-Pada-Object-Javascript-17-02-2016-2

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

Mengenal-Property-Pada-Object-Javascript-17-02-2016-3

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

Mengenal-Property-Pada-Object-Javascript-17-02-2016-4

Bagus sekali kita sudah berhasil mendapatkan namanya yaitu Lenovo dibagian browsernya

Mengenal-Property-Pada-Object-Javascript-17-02-2016-5

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

Mengenal-Property-Pada-Object-Javascript-17-02-2016-6

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

Mengenal-Property-Pada-Object-Javascript-17-02-2016-7

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 

Mengenal-Property-Pada-Object-Javascript-17-02-2016-8

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.

17 Februari 2017

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat