Cara menggunakan OBECT pada JavaScript

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

1const redDino = {}; 
2
3const blueDino = {
4  
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 (.)

1const blueDino = {
2  age: 150,



3  height: '1.5 m',
4  weight: '500 kg'
5};
6
7console.log(blueDino.age); 

1. bracket notation [ ]

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

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

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.

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



11console.log(blueDino['weight']); 

Menambah properties

1const blueDino = {
2  age: 150,
3  height: '1.5 m',
4  weight: '500 kg'
5};
6
7blueDino.name = 'brachio'; 
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

1const blueDino = {
2  age: 150,
3  height: '1.5 m',
4  weight: '500 kg'



5};
6
7delete blueDino.name; 
8
9console.log(blueDino.name); 

blueDino.name menjadi undefined setelah dihapus.

Method

Method adalah function yang menjadi properties pada object.

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

Di JavaScript yang termasuk Object adalah:

• Array
• Date

Apa itu objek di JavaScript?

Apa yang dimaksud dengan objek dalam pemrograman?

Apa yang dimaksud dengan konsep pemrograman berorientasi objek?

Apa itu tipe data JavaScript?