Menggunakan Method Object pada JavaScript

2 min readMay 26, 2021

Setelah sebelumnya membahas bagaimana menggunakan method Array pada JavaScript pada blog sebelumnya. Kali ini kita akan belajar bagaimana menggunakan Method Object pada JavaScript.

Object.values()

Membuat array yang nilainya berdasarkan dari suatu Object.

const session = {
    id: 1,
    time: `26-July-2018`,
    device: 'mobile',
    browser: 'Chrome'
};

const values = Object.values(session);

console.log(values);

outputnya adalah :

[1, "26-July-2018", "mobile", "Chrome"]

Object.keys()

Membuat array yang key berdasarkan dari suatu Object.

const session = {
    id: 1,
    time: `26-July-2018`,
    device: 'mobile',
    browser: 'Chrome'
};

const keys = Object.keys(session);

console.log(keys);

outputnya adalah :

["id", "time", "device", "browser"]

Object.entries()

Membuat array yang didalamnya berisi array pasangan key & value berdasarkan dari suatu Object.

const pasangan = {
  diki: 24,
  naeli: 19,
  ali: 3,
}

const entries = Object.entries(pasangan);console.log(entries);

Outputnya adalah :

[['diki', 24], ['naeli', 19], ['ali', 3]]

Object.freeze()

Untuk mencegah agar tidak dapat menambah/mengedit properti atau value dari suatu object kita biasanya menggunakan const, namun const masih dapat diedit. untuk mengatasi hal tersebut kita bisa menggunakan object.freeze() agar properti & value pada object tidak dapat ditambah/diedit.

const frozenObject = {
  name: 'Diki'
}frozenObject.name = 'Arif';console.log(frozenObject.name);

Output diatas akan menghasilkan Arif, berbeda jika kita menggunakan Object.freeze()

const frozenObject = {
  name: 'Diki'
}Object.freeze(frozenObject);frozenObject.name = 'Arif';console.log(frozenObject.name);

Maka output diatas akan menghasilkan Diki

Object.seal()

Method ini digunakan jika kita ingin mencegah adanya penambahan ke dalam object. Tapi dengan method ini masih dimungkinkan untuk diedit value nya.

const sealedObject = {
  name: 'Diki'
}

Object.seal(sealedObject);

sealedObject.name = 'Arif';
sealedObject.hoby = "badminton";

dengan menggunakan Object.seal() kita dapat merubah value dari properti, namun kita tidak dapat menambah properti pada suatu object. sehingga output diatas akan menghasilkan

{ name: 'Arif' }

Object.assign()

Method ini digunakan untuk mengkombinasikan dua atau lebih object ke dalam satu object.

const firstObject = {
  firstName: 'Diki'
}const secondObject = {
  lastName: 'Wibowo'
}const combinedObject = Object.assign(firstObject, secondObject);
console.log(combinedObject);

Ouput diatas akan menghasilkan :

{ firstName: 'Diki', lastName: 'Wibowo' }

Object.create()

Method ini digunakan untuk membuat object baru berdasarkan object yang sudah dibuat.

const job = {
    position: 'cashier',
    type: 'hourly',
    isAvailable: true,
    showDetails() {
        const accepting = this.isAvailable ? 'is accepting applications' : "is not currently accepting applications";

        console.log(`The ${this.position} position is ${this.type} and ${accepting}.`);
    }
};

const barista = Object.create(job);

barista.position = "barista";
barista.showDetails();

Output diatas akan menghasilkan :

The barista position is hourly and is accepting applications.

Object Spread

Dengan menggunakan object spread kita dapat menambah properti dan value tanpa adanya perubahan dan ini bisa digunakan untuk mengkombinasikan beberapa object ke dalam satu object.

const spreadableObject = {
  name: 'Robert',
  phone: 'iPhone'
};

const newObject = {
  ...spreadableObject,
  carModel: 'Volkswagen'
}