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.

Tutorial sebelumnya : Fungsi Pada JavaScript

Mengenal Object

Kita sudah mengenal variable yang bisa mempunyai sebuah nilai.

var car = "Fiat";

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"};

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"};

Deklarasi setiap properti bisa dibuat per baris agar terlihat rapi.

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

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;

person["lastName"];

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();

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

name = person.fullName;

Tutorial selanjutnya : Event Pada JavaScript
Daftar Tutorial : Tutorial Belajar JavaScript