Menggunakan Objek - Dalam javascript kita dapat menggunakan konsep pemrograman berorientasi objek. Berbeda dengan pemrograman objek di PHP, di javascript kita bisa membuat objek tanpa harus membuat class terlebih dahulu. Karena javascript mendukung tipe data berupa objek, kita bisa membuat objek seperti membuat variabel
Apa itu Objek?
Objek menggambarkan sesuatu di dunia nyata yang memiliki properti dan metode. Properti adalah nilai/periferal yang menyertai suatu objek seperti nama, jenis, warna, tinggi, berat dan sebagainya. Sedangkan metode menggambarkan perilaku suatu objek seperti berjalan, berhenti, makan dan sebagainya
Contoh objek
var mobil = {merk:"Toyota", model:"Avanza", warna:"merah"};
Membuat Objek
Untuk membuat objek dalam javascript caranya sama seperti membuat variabel, tetapi bertipe objek. Pada artikel sebelumnya tentang tipe data pada javascript, kita telah mengenal tipe data objek. Tipe data objek berisi banyak data berupa properti dan metode dari suatu objek
Cara menulis saat membuat objek
var namaObject = {properti1:value, method1:function, dst...};_
Apa itu Properti?
Properti adalah nilai-nilai yang melekat pada suatu objek. Properti dapat diartikan sebagai spesifikasi objek. Misalnya sebuah mobil memiliki spesifikasi merk, tipe, mesin, warna, harga dan sebagainya
Properti ini ditentukan dengan menggunakan variabel saat membuat objek. Saat membuat objek, setiap properti dipisahkan dengan koma
Contoh properti pada objek mobil di atas adalah
merk:"Toyota", model:"Avanza", warna:"merah"
Mengakses Properti Objek
Kita dapat mengakses properti dari suatu objek dengan menyebutkan nama objeknya, kemudian titik, kemudian nama propertinya. Atau bisa juga menggunakan nama objek diikuti dengan nama properti dalam pasangan tanda []
Cara mengakses properti objek
namaObject.namaProperti atau namaObject[namaProperti]
Contoh skrip yang mengakses properti objek
<!DOCTYPE html> <html> <body>_
Contoh mengakses properti objek
Baca Juga. Tutorial JavaScript Bagian 29. Apa itu JSON?
var mobil = {
merek. "Toyota",
jenis. "Avanza",
tahun. "2008"
};
dokumen. getElementById("tampilan"). innerHTML =
mobil. merek + ” ” + mobil. ketik + ” tahun pembuatan ” + mobil. bertahun-tahun;
Apa itu Metode?
Metode adalah perilaku dari suatu objek. Metode digambarkan sebagai tindakan yang dapat dilakukan oleh objek. Metode adalah fungsi yang ditempatkan saat membuat objek
Kita dapat menempatkan metode pada objek di sebelah properti dengan memisahkannya dengan koma. Untuk membuat metode kami menggunakan kata kunci fungsi
Contoh pembuatan method pada objek mobil di atas
var mobil = { merk:"Toyota", model:"Avanza", warna:"merah", deskripsi : function() { return this.merk + " " + this.model; };
Pada contoh di atas, kami membuat metode yang mengembalikan nilai berupa deskripsi lengkap mobil, merek, dan modelnya
Memanggil Metode Objek
Kita dapat mengakses method suatu objek dengan menyebutkan nama objek diikuti tanda titik kemudian nama method dengan tanda () beserta parameternya jika ada
Berdasarkan pengalaman saya ketika mulai belajar JavaScript, memahami objek adalah sesuatu yang mendasar. Inti dari JavaScript adalah tipe data objek. Jika kita telah mempelajari pemrograman Java atau. Net, kita harus terbiasa dengan tipe data integer, float, char, dan string sebagai tipe data primitif. Dalam JavaScript — tidak hanya memiliki tipe data primitif — ia juga memiliki tipe data yang kompleks, yaitu tipe data objek sebagai tipe data referensi.
Obyek?Object adalah sekumpulan daftar tipe data primitif (terkadang juga tipe data referensi) yang menyimpan nilai dengan konsep pasangan nama-nilai. Setiap item (lebih dikenal sebagai variabel) disebut properti, dan fungsi disebut metode
Ini adalah contoh sederhana dari sebuah objek
Kita sudah tahu bahwa objek menyimpan data dalam pasangan nama-nilai. Berdasarkan contoh di atas, namadepan_dannamabelakang termasuk properti. Dan valuenya adalahRizaldanAsrul Pambudi
Nama properti bisa berupa string atau angka, tetapi jika nama properti berupa angka, maka diakses dengan cara yang berbeda. Ini adalah sebuah contoh
Menurut saya, salah satu perbedaan utama antara tipe data referensi dan primitif adalah nilainya. Nilai tipe data referensi adalah alamat dari variabel yang diisi, sedangkan nilai tipe data primitif adalah nilainya. Apa artinya?
Mari kita bandingkan dengan tipe data objek yang merupakan tipe data referensi
Lihat, ada perbedaan dalam hasil, kan? . Dan saat kami mengubah propertiaLaptop_menjadi “HP”, aLaptopBarujuga berubah
Dua cara umum untuk membuat objekCara paling umum dan termudah untuk membuat objek adalah dengan menggunakan teknik literal objek
Cara kedua adalah dengan teknik object constructor. Konstruktor adalah fungsi yang digunakan untuk menginisialisasi objek baru, dan kami menggunakan kata kunci new untuk menggunakannya
KesimpulanInti dari JavaScript — tipe data yang paling sering digunakan dan paling mendasar — adalah objek. Satu perbedaan utama antara tipe data primitif dan referensi adalah tipe data referensi menggunakan alamat sebagai nilai data, sedangkan tipe data primitif menggunakan nilai itu sendiri. Ada dua cara umum untuk membuat objek. objek literal dan konstruktor