Membuat Object JavaScript

View Categories

Membuat Object JavaScript

Object adalah variable khusus dalam JavaScript yang dapat mempunyai beberapa nilai sekaligus.

Contoh di bawah ini adalah variable person dengan nilai John Doe.

var person = "John Doe";

Jalankan Contoh

Contoh di bawah ini adalah object person yang memiliki beberapa nilai seperti John (nilai firstName), Doe (nilai lastName), 50 (nilai age) dan blue (nilai eyeColor).

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

Jalankan Contoh

Bahan Belajar JavaScript Object

Properti Dalam Object

Nilai dalam objeNilai dalam object ditulis dengan format “name:value”. Dimana name adalah nama properti dan value adalah nilai properti. Setiap properti dipisahkan dengan tanda koma.

Pada contoh sebelumnya terdapat empat properti yaitu firstName, lastName, age dan eyeColor. Keempat properti tersebut mempunyai nilai John, Doe, 50 dan blue.

Fungsi Dalam Object

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.

Membuat 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

Membuat Object Dengan Keyword New

Object dapat dibuat dengan menggunakan keyword new. Properti dan nilai object tersebut dapat diberikan setelah object tersebut dibuat.

var person = new Object();
person.firstName = "John";
person.lastName = "Doe";
person.age = 50;
person.eyeColor = "blue";

Jalankan Contoh

Referensi Object

Ketika suatu object memberikan suatu nilai kepada suatu variable. Maka variable tersebut bukan merupakan object yang baru. Variable tersebut adalah object yang sama. Perhatikan contoh di bawah ini.

var x = person;  // This will not create a copy of person.

Object person memberikan nilai kepada variable x. Variable x dan object person mempunyai referensi yang sama. Variable x dan person adalah object yang sama. X adalah person dan person adalah x. Perubahan nilai properti pada x akan mengubah nilai properti pada person. Sebaliknya perubahan nilai properti pada person akan mengubah nilai properti pada x.

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

var x = person;
x.age = 10;           // This will change both x.age and person.age

Jalankan Contoh

Contoh di atas memperlihatkan perubahan nilai properti age pada variable x. Nilai properti x.age dan person.x juga akan ikut berubah.

Tutorial sebelumnya : Class Pada JavaScript
Tutorial setelahnya : Properti Pada Object
Semua Tutorial JavaScript : Tutorial JavaScript 

Tinggalkan Balasan