JavaScript Object

Dalam dunia nyata mobil adalah suatu object. Mobil mempunyai karakteristik seperti warna dan berat. Mobil mempunyai fungsi seperti berjalan dan berhenti. Dalam dunia pemrograman mobil juga bisa diumpamakan sebagai object. Karakteristik mobil adalah properti object tersebut. Fungsi mobil (berjalan dan berhenti) adalah fungsi di dalam object tersebut.

Semua mobil mempunyai properti yang sama tapi mempunyai nilai properti yang berbeda. Semua mobil mempunyai properti warna. Tapi mobil A bisa berwarna merah dan mobil B bisa berwarna hitam.

Semua mobil mempunyai fungsi yang sama tapi mempunyai output fungsi yang berbeda. Semua mobil mempunyai fungsi berjalan. Tapi mobil A berjalan dengan kecepatan maksimal 100 km/jam dan mobil B berjalan dengan kecepatan maksimal 240 km/jam.

Topik object akan dibahas lebih detil pada tutorial selanjutnya Membuat Object JavaScript.

Mengenal Object #

Kita sudah mengenal variable yang bisa mempunyai sebuah nilai.

var car = "Fiat";

Jalankan Contoh

Contoh di atas memperlihatkan variable car dengan nilai Fiat.

Object adalah variable yang bisa mempunyai beberapa nilai.

var car = {type:"Fiat", model:"500", color:"white"};

Jalankan Contoh

Contoh di atas memperlihatkan variable car berupa object yang mempunyai nilai Fiat, 500 dan white. Nilai-nilai tersebut adalah nilai dari properti type, model dan color. Nilai dalam object ditulis dengan format “name:value”. Dimana name adalah nama properti dan value adalah nilai properti. Setiap properti dipisahkan dengan tanda koma.

Deklarasi Object #

Contoh di bawah ini adalah format deklarasi object.

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

Jalankan Contoh

Deklarasi setiap properti bisa dibuat per baris agar terlihat rapi.

var person = {
  firstName: "John",
  lastName: "Doe",
  age: 50,
  eyeColor: "blue"
};

Jalankan Contoh

Mengakses Properti #

Properti object dapat diakses dengan cara seperti di bawah ini.

NamaObject.NamaProperti

Atau bisa juga dengan format seperti ini.

NamaObject["NamaProperti"]

Perhatikan dua contoh cara mengakses properti object di bawah ini.

person.lastName;

Jalankan Contoh

person["lastName"];

Jalankan Contoh

Method Object (Fungsi) #

Object dapat mempunyai method. Method adalah fungsi yang disimpan dalam bentuk properti. Format method adalah nama:fungsi. Dimana nama adalah nama properti dan fungsi adalah deklarasi fungsi.

var person = {
  firstName: "John",
  lastName : "Doe",
  id       : 5566,
  fullName : function() {
    return this.firstName + " " + this.lastName;
  }
};

Contoh di atas memperlihatkan object person. Object person mempunyai empat properti. Properti pertama bernama firstName dengan nilai berbentuk text. Properti kedua bernama lastName dengan nilai berbentuk text. Properti ketiga bernama id dengan nilai berbentuk angka. Properti keempat bernama fullName dengan nilai berbentuk fungsi.

Memanggil Method Object #

Gunakan format di bawah ini untuk memanggil method pada object.

NamaObject.NamaMethod()

name = person.fullName();

Jalankan Contoh

Sama seperti fungsi, apabila dipanggil tanpa () maka akan menghasilkan isi fungsi itu sendiri.

name = person.fullName;

Jalankan Contoh