Iman Sugirman
Iman Sugirman
Fullstack Developer, Software Engineer, Frontend Developer

Javascript Object Extraction

14 Desember 2023

Javascript adalah bahasa pemrograman yang sering digunakan untuk berbagai macam web.

Object.entries(user).forEach(entry => { const [key, value] => entry console.log(`The ${key} is ${value}`) ; });

Object entries menggunakan map

let user = { name: 'Balaji', age: 23, }; let entries = Object.entries(user); let data = entries.map(([key, val] = entry) => { return `The ${key} is ${val}`; }); data; // ["The name is Balaji", "The age is 23"]

Mengambil key dari sebuah object menjadi Array

let user = { name: 'Balaji', age: 23, greet: () => 'Hello', }; let keys = Object.keys(user); keys; //["name", "age", "greet"]

Extract Object mendapatkan key dan value dan diolah menjadi array

const obj = { name: 'Adam', age: 20, location: 'Nepal' }; // returns properties in key-value format console.log(Object.entries(obj)); // Output: [ [ 'name', 'Adam' ], [ 'age', 20 ], [ 'location', 'Nepal' ] ]

Style Berbeda Mengekstrak Object lainnya menggunakan method for :

const obj = { name: 'John', age: 27, location: 'Nepal' }; // iterate through key-value pairs of object for (const [key, value] of Object.entries(obj)) { console.log(`${key}: ${value}`); }

Contoh menggunakan Object entries di array data

Sample array data dari database :

const arrayData = [ { id: 1, label: 'Jakarta', value: 1 }, { id: 2, label: 'Bandung', value: 2 }, { id: 3, label: 'Surabaya', value: 3 }, { id: 4, label: 'Jambi', value: 4 }, ]; arrayData.map((item) => { Object.entries(item).forEach(entry => { const [key, value] => entry if(key == 'label') { console.log(value) } }); })