Objek JavaScript
Objek, Properti, dan Metode Kehidupan Nyata
Dalam kehidupan nyata, mobil adalah sebuah objek .
Sebuah mobil memiliki sifat seperti berat dan warna, dan metode seperti start dan stop:
| Obyek | Properti | Metode |
|---|---|---|
|
car.name = Fiat car.model = 500 car.weight = 850kg car.color = white |
mobil.start() mobil.drive() mobil.rem() mobil.stop() |
Semua mobil memiliki properti yang sama , tetapi nilai properti berbeda dari mobil ke mobil.
Semua mobil memiliki metode yang sama , tetapi metode dilakukan pada waktu yang berbeda .
Objek JavaScript
Anda telah mempelajari bahwa variabel JavaScript adalah wadah untuk nilai data.
Kode ini memberikan nilai sederhana (Fiat) ke variabel bernama mobil:
let car = "Fiat";
Objek juga variabel. Tetapi objek dapat berisi banyak nilai.
Kode ini memberikan banyak nilai (Fiat, 500, putih) ke variabel bernama mobil:
const car = {type:"Fiat", model:"500", color:"white"};
Nilai ditulis sebagai pasangan nama:nilai (nama dan nilai dipisahkan oleh titik dua).
Ini adalah praktik umum untuk mendeklarasikan objek dengan kata kunci const .
Pelajari lebih lanjut tentang menggunakan const dengan objek dalam bab: JS Const .
Definisi Objek
Anda mendefinisikan (dan membuat) objek JavaScript dengan literal objek:
Contoh
const person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
Spasi dan jeda baris tidak penting. Definisi objek dapat mencakup beberapa baris:
Contoh
const person = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue"
};
Properti Objek
Pasangan nama:nilai dalam objek JavaScript disebut properti :
| Properti | Nilai properti |
|---|---|
| nama depan | John |
| nama keluarga | Kelinci betina |
| usia | 50 |
| warna mata | biru |
Mengakses Properti Objek
Anda dapat mengakses properti objek dengan dua cara:
objectName.propertyName
atau
objectName["propertyName"]
Contoh 1
person.lastName;
Contoh2
person["lastName"];
Objek JavaScript adalah wadah untuk nilai bernama yang disebut properti.
Metode Objek
Objek juga dapat memiliki metode .
Metode adalah tindakan yang dapat dilakukan pada objek.
Metode disimpan dalam properti sebagai definisi fungsi .
| Properti | Nilai properti |
|---|---|
| nama depan | John |
| nama keluarga | Kelinci betina |
| usia | 50 |
| warna mata | biru |
| nama lengkap | function() {kembalikan this.firstName + " " + this.lastName;} |
Metode adalah fungsi yang disimpan sebagai properti.
Contoh
const person = {
firstName: "John",
lastName : "Doe",
id : 5566,
fullName : function() {
return this.firstName + " " + this.lastName;
}
};
Kata Kunci ini
Dalam definisi fungsi, thismengacu pada "pemilik" fungsi.
Dalam contoh di atas, thisadalah objek person yang "memiliki"
fullNamefungsi tersebut.
Dengan kata lain, this.firstNameberarti firstNamemilik benda ini .
Baca lebih lanjut tentang thiskata kunci di JS Kata Kunci ini .
Mengakses Metode Objek
Anda mengakses metode objek dengan sintaks berikut:
objectName.methodName()
Contoh
name = person.fullName();
Jika Anda mengakses metode tanpa tanda kurung (), itu akan mengembalikan definisi fungsi :
Contoh
name = person.fullName;
Jangan Deklarasikan String, Angka, dan Boolean sebagai Objek!
Ketika variabel JavaScript dideklarasikan dengan kata kunci " new", variabel tersebut dibuat sebagai objek:
x = new String(); // Declares x as a String object
y = new Number(); // Declares y as a Number object
z = new Boolean(); // Declares z as a Boolean object
Hindari String, Number, dan Booleanobjek. Mereka memperumit kode Anda dan memperlambat kecepatan eksekusi.
Anda akan belajar lebih banyak tentang objek nanti dalam tutorial ini.