Cara menggunakan BOJECTS dalam JavaScript

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

Table of Contents Show

Apa itu Objek?
Membuat Objek
Apa itu Properti?
Mengakses Properti Objek
Apa itu Metode?
Memanggil Metode Objek
Apa itu objek dalam javascript?
Apa itu array dan objek dalam javascript?
Bagaimana cara membuat fungsi dalam javascript?
Apa itu javascript onclick?

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

Tipe data referensi dan primitif

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 objek

Cara 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

Kesimpulan

Inti 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

Apa itu objek dalam javascript?

Nilai selain tipe data dasar secara otomatis dianggap sebagai objek . Objek di Javascript didefinisikan sebagai koleksi properti yang dapat diubah, yang berarti a sekelompok properti (karakteristik) yang nilainya dapat berubah.

Apa itu array dan objek dalam javascript?

Objek. kalau diterjemahkan ke dalam bahasa Indonesia adalah objek/tujuan/sasaran. Larik. jika diterjemahkan ke dalam bahasa Indonesia adalah susunan/urutan/baris . Himpunan[]. untuk menampilkan daftar nomor.

Bagaimana cara membuat fungsi dalam javascript?

untuk membuat fungsi , penulisan harus didahului dengan sintaks " fungsi " lalu lanjutkan dengan nama fungsi yang ingin Anda buat . dan isi fungsi ditulis dalam kurung kurawal buka “{” dan kurung kurawal tutup “}”.

Apa itu javascript onclick?

onclick adalah atribut HTML untuk menentukan tindakan saat peristiwa klik pada suatu elemen . Atribut ini dapat diisi dengan nama fungsi atau ekspresi javascript. Selain event onclick, ada juga event lainnya seperti onchange, onmouseover, onkeyup, onload, dll.