Array To Object Javascript With Keys

3 min read Jun 18, 2024
Array To Object Javascript With Keys

Mengubah Array ke Object di JavaScript dengan Keys

Dalam pengembangan web, seringkali kita perlu mengubah struktur data dari array ke objek. Salah satu metode umum adalah dengan menggunakan keys untuk mengorganisir data dalam objek tersebut.

Berikut adalah beberapa cara untuk mengubah array ke objek di JavaScript dengan keys:

1. Menggunakan reduce()

Metode reduce() memungkinkan kita untuk mengiterasi melalui setiap elemen array dan membangun objek baru.

const myArray = ['apple', 'banana', 'orange'];

const myObject = myArray.reduce((obj, key) => {
  obj[key] = true;
  return obj;
}, {});

console.log(myObject); // Output: { apple: true, banana: true, orange: true } 

Dalam contoh ini, setiap elemen array digunakan sebagai key dalam objek baru. Value dari setiap key diatur ke true.

2. Menggunakan forEach()

Metode forEach() dapat digunakan untuk mengiterasi melalui array dan menambahkan setiap elemen sebagai key ke objek baru.

const myArray = ['apple', 'banana', 'orange'];

const myObject = {};

myArray.forEach((key) => {
  myObject[key] = true;
});

console.log(myObject); // Output: { apple: true, banana: true, orange: true } 

3. Menggunakan Object.fromEntries()

Metode Object.fromEntries() mengonversikan array dari pasangan key-value menjadi objek.

const myArray = ['apple', 'banana', 'orange'];

const myObject = Object.fromEntries(myArray.map((key) => [key, true]));

console.log(myObject); // Output: { apple: true, banana: true, orange: true }

Dalam contoh ini, map() digunakan untuk membuat array dari pasangan key-value, lalu Object.fromEntries() mengubahnya menjadi objek.

4. Menggunakan for...of loop

Anda juga dapat menggunakan for...of loop untuk mengiterasi melalui array dan membangun objek baru.

const myArray = ['apple', 'banana', 'orange'];

const myObject = {};

for (const key of myArray) {
  myObject[key] = true;
}

console.log(myObject); // Output: { apple: true, banana: true, orange: true }

Kesimpulan

Terdapat berbagai metode untuk mengubah array ke objek di JavaScript dengan keys. Pilih metode yang paling sesuai dengan kebutuhan Anda dan data yang Anda manipulasi.

Ingatlah untuk menyesuaikan value dari setiap key sesuai dengan kebutuhan Anda.

Latest Posts