Tutorial Javascript 7 : Javascript Objek, Langkah Praktis Membuat Objek di Javascript

Last Updated on December 8, 2021 by

Jika Anda sudah membaca artikel kami yang pertama tentang JavaScript, Anda mungkin menyadari bahwa JavaScript sangat bergantung pada objek. Tipe data yang banyak digunakan di JavaScript dianggap sebagai objek. Pada artikel kali ini kami akan membahas tentang JavaScript Objek.

Penjelasan tentang JavaScript Objek

Objek pada JavaScript memiliki properti dan metode. Beberapa hal yang harus Anda pahami tentang objek JavaScript.

1. JavaScript mirip dengan bahasa pemrograman lainnya yaitu berbasis objek atau berorientasi objek.
2. Konsep dari objek JavaScript mirip dengan objek di kehidupan nyata. Sebagai contoh: dalam kehidupan nyata, mobil adalah objek. mobil memiliki properti seperti warna dan nama, serta metode seperti mengemudi.
   Semua mobil memiliki sifat yang sama, namun nilainya berbeda untuk setiap mobil. Selain itu, semua mobil memiliki metode yang sama, tetapi dapat dijalankan pada waktu yang berbeda. Inilah contoh objek di kehidupan nyata.Objek                    properti                               metodeMobil                    car.name=
   MLD-100;                             car.drive()
   car.color = silver
3. Objek JavaScript adalah entitas yang independen di mana ia memiliki metode dan properti.
4. Nilai properti dapat berupa fungsi, dalam hal ini properti tersebut dikenal sebagai metode.
5. dalam JavaScript Anda tidakd apat mendeklarasikan angka, string, dan boolean sebagai objek.
6. Properti objek JavaScript dapat diakses dengan dua cara:

   siswa.firstName

   dan

   siswa ["firstName"].

7. Properti objek JavaScript ditetapkan sebagai name: value pairs.
8. Metode objek javaScript adalah properti yang berupa fungsi.

Objek dalam Variabel

Variabel di JavaScript digunakan untuk menyimpan data. Sebuah objek JavaScript adalah data yang ditandai sebagai sebuah variable. Pada contoh berikut ini Anda dapat melihat nilai dari ‘MLD-100’ ditandai sebagai variabel ‘car’. Maka nilai ‘MLD-100’ secara instan akan menjadi objek JavaScript:

var car = "MLD-100";

Objek JavaScript juga merupakan variabel, tetapi objek tersebut dapat memiliki lebih dari satu nilai yang ditetapkan. Contoh di bawah ini memberikan beberapa nilai ke variabel car: MLD-100, silver.

Untuk menulis banyak nilai, Anda perlu menggunakan sintaks yang benar. Nilai ditetapkan ke nama, dan nama, maka kombinasi nilai yang terbentuk:

var car = {
  name: "MLD-100", 
  color: "silver"
};

Metode yang Harus Anda Gunakan

Metode merepresentasikan tindakan yang dapat dilakukan pada objek JavaScript. Seperti yang Anda lihat pada contoh pada mobil sebelumnya, mobil dapat dikendarai. Dalam hal ini, penggerak adalah metode yang dapat digunakan pada objek mobil.

Metode disimpan dalam properti sebagai definisi fungsi:

Properti                Nilai Properti

Name                    MLD-100

Color                     silver

Info                       function() {return this.name + “ “ + this.color}.

Jika Anda sudah mengetahui dan memahami cara mengakses properti objek JavaScript, jadi Anda mungkin memiliki gambaran umum tentang bagaimana metode objek dapat diakses. Sintaks objek JavaScript sedikit berbeda tetapi relatif sederhana.

name = siswa.firstName();

Jika Anda mengakses properti firstName tanpa tanda kurung (), definisi fungsi akan dikembalikan, bukan nilainya:

name = siswa.firstName;

Demikianlah penjelasan tentang JavaScript Objek yang harus Anda pahami mengingat JavaScript adalah bahasa pemrograman berbasis objek sehingga memahami objek dan pengaplikasiannya dalah suatu keharusan. Jika Anda tertarik belajar JavaScript lebih jauh, nantikan artikel-artikel kami selanjutnya hanya di Codekey.