Tipe data pada JavaScript dibagi menjadi dua yaitu Primitive dan Object.

Primitive mewakili satu tipe data saja, contoh: Number, Boolean, String.

Sedangkan Object dapat mewakili banyak tipe data.

Data di dalam object memiliki format key-value atau biasa disebut properties.

Membuat object

Copy
1const redDino = {}; //empty object
2
3const blueDino = {
4  // initiate non-empty object and properties
5  age: 150,
6  height: '1.5 m',
7  weight: '500 kg'
8};

Manipulasi Object

Yang dimaksud manipulasi object disini adalah mengakses data, mengubah data, menambahkan properties dan menghapus properties.

Mengakses data

Ada dua cara mengakses suatu data properties di dalam object, menggunakan dot.notation() atau bracket notation [].

1. dot notation (.)

Copy
1const blueDino = {
2  age: 150,
3  height: '1.5 m',
4  weight: '500 kg'
5};
6
7console.log(blueDino.age); // 150

2. bracket notation [ ]

Copy
1const blueDino = {
2  age: 150,
3  height: '1.5 m',
4  weight: '500 kg'
5};
6
7console.log(blueDino['age']); // 150

Sedangkan untuk mengakses setiap properties dari sebuah object kita bisa gunakan for..in statement.

Copy
1const blueDino = {
2  age: 150,
3  height: '1.5 m',
4  weight: '500 kg'
5};
6
7for (const key in blueDino) {
8  console.log(`${key}: ${blueDino[key]}`);
9}

Mengubah data

Selain untuk mengakses data object, dot dan bracket notation juga digunakan untuk mengubah data object.

Copy
1const blueDino = {
2  age: 150,
3  height: '1.5 m',
4  weight: '500 kg'
5};
6
7blueDino.age = 200;
8blueDino['weight'] = '650 kg';
9
10console.log(blueDino.age); // 200
11console.log(blueDino['weight']); // 650 kg

Menambah properties

Copy
1const blueDino = {
2  age: 150,
3  height: '1.5 m',
4  weight: '500 kg'
5};
6
7blueDino.name = 'brachio'; // add properties
8
9console.log(blueDino.name);

Pada code di atas kita menambahkan properties dengan key = name dan value = 'brachio'.

Sehingga object blueDino memiliki 4 properties, yaitu age, height, weight dan name.

Menghapus properties

Copy
1const blueDino = {
2  age: 150,
3  height: '1.5 m',
4  weight: '500 kg'
5};
6
7delete blueDino.name; // delete properties
8
9console.log(blueDino.name); // undefined

blueDino.name menjadi undefined setelah dihapus.

Method

Method adalah function yang menjadi properties pada object.

Copy
1const blueDino = {
2  age: 150,
3  height: '1.5 m',
4  weight: '500 kg',
5  sayHi: function () {
6    return 'Hi, How are you?';
7  }
8};
9
10blueDino.sayHi(); // Hi, How are you?

Di JavaScript yang termasuk Object adalah:

• Array
• Date