js-object-literal.md

JavaScript Object Literal

Objectives

• ▢ Memahami pembuatan object sebagai pair key: value tanpa menggunakan class

Object

JavaScript merupakan bahasa pemrograman yang berbasis simple-object (Objek sederhana). Objek adalah kumpulan tidak berurut yang merangkai beberapa property dan property memiliki nama/key dan value (key-value pairs).

Objek dalam JavaScript, sama seperti banyak bahasa pemrograman lainnya, bisa dibandingkan dengan objek dalam kehidupan nyata.

Untuk membuat sebuah object literal bisa dengan cara menuliskan kurung kurawal (curly braces) kemudian menuliskan nama property yang harus memiliki keyName dan value.

var myObj = {
  myKey: 'myValue'
};

Value dalam object literal selain string bisa juga dengan memasukkan value array bahkan value object literal lainnya.

Kita bisa coba dengan kode berikut:

var supermanObj = {
  id: "1a2b3c",
  name: "Superman",
  age: 200,
  favorites: [
    "coding",
    "reading",
    {
      sports: ["parkour", "hill climbing"]
    }
  ],
  address: {
    street: "Planet Krypton",
    zipCode: 54213
  }
};

console.log(supermanObj.name); // "Superman"
console.log(supermanObj.age); // 200
console.log(supermanObj.favorites[0]); // "coding"
console.log(supermanObj.favorites[2].sports); // ["parkour", "hill climbing"]
console.log(supermanObj.favorites[2].sports[0]); // "parkour"
console.log(supermanObj.address); // {street: "Planet Krypton", zipCode: 54213}
console.log(supermanObj.address.zipCode); //54213

Kamu dapat mencoba kode di atas di sini

References

• JavaScript Objects on W3Schools
• Working with objects, on MDN