JavaScript & Node.js
JavaScript
Manipulation
Object

Object Manipulation

Di dalam javascript kita bisa melakukan manipulasi terhadap object, seperti menambahkan property baru, menghapus property, mengubah value property, dan lain-lain.

Menambahkan Property Baru

Untuk menambahkan property baru kita bisa menggunakan tanda titik (.) atau tanda kurung siku ([]) setelah nama objectnya.

const mobil = {
  warna: "merah",
  tahun: 2018,
  merk: "toyota",
};
 
mobil.tipe = "sedan";
mobil["harga"] = 200000000;
 
console.log(mobil);

Output :

{
  warna: 'merah',
  tahun: 2018,
  merk: 'toyota',
  tipe: 'sedan',
  harga: 200000000
}

Menghapus Property

Untuk menghapus property kita bisa menggunakan keyword delete.

const mobil = {
  warna: "merah",
  tahun: 2018,
  merk: "toyota",
};
 
delete mobil.warna;
 
console.log(mobil);

Output :

{
  tahun: 2018,
  merk: 'toyota'
}

Mengubah Value Property

Untuk mengubah value property kita bisa menggunakan tanda titik (.) atau tanda kurung siku ([]) setelah nama objectnya.

const mobil = {
  warna: "merah",
  tahun: 2018,
  merk: "toyota",
};
 
mobil.warna = "biru";
mobil["tahun"] = 2019;
 
console.log(mobil);

Output :

{
  warna: 'biru',
  tahun: 2019,
  merk: 'toyota'
}

Mengakses Property

Untuk mengakses property kita bisa menggunakan tanda titik (.) atau tanda kurung siku ([]).

const mobil = {
  warna: "merah",
  tahun: 2018,
  merk: "toyota",
};
 
console.log(mobil.warna);
console.log(mobil["tahun"]);

Output :

merah;
2018;

Mengakses Property dengan Variable

Untuk mengakses property dengan variable kita bisa menggunakan tanda kurung siku ([]).

const mobil = {
  warna: "merah",
  tahun: 2018,
  merk: "toyota",
};
 
const warna = "warna";
const tahun = "tahun";
 
console.log(mobil[warna]);
console.log(mobil[tahun]);

Output :

merah;
2018;