Search by

    Terakhir diperbaharui: Mar 1, 2021

    Object

    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.

    object

    Membuat object

    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 (.)
    1const blueDino = {
    2 age: 150,
    3 height: '1.5 m',
    4 weight: '500 kg'
    5};
    6
    7console.log(blueDino.age); // 150
    1. bracket notation [ ]
    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.

    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); // 200
    11console.log(blueDino['weight']); // 650 kg

    Menambah properties

    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

    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.

    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: