Javascript Convert Array Values To Object Keys

5 min read Jun 20, 2024
Javascript Convert Array Values To Object Keys

Mengubah Nilai Array Menjadi Kunci Objek dalam JavaScript

Dalam JavaScript, sering kali kita perlu memanipulasi data dalam array dan mengubahnya menjadi struktur data yang berbeda, seperti objek. Salah satu transformasi yang umum dilakukan adalah mengubah nilai array menjadi kunci objek. Artikel ini akan membahas beberapa metode untuk mencapai hal ini dengan contoh kode yang mudah dipahami.

Metode 1: Menggunakan reduce()

Metode reduce() adalah metode array yang sangat fleksibel dan dapat digunakan untuk membuat objek dari array. Berikut adalah contoh bagaimana menggunakannya untuk mengubah nilai array menjadi kunci objek:

const array = ["apple", "banana", "cherry"];

const object = array.reduce((acc, value) => {
  acc[value] = true; // Menambahkan properti dengan kunci dari nilai array dan nilai default `true`
  return acc;
}, {});

console.log(object); // { apple: true, banana: true, cherry: true }

Dalam contoh ini, kita mendefinisikan fungsi reducer yang menerima akumulator (acc) dan nilai saat ini (value) sebagai argumen. Untuk setiap nilai dalam array, fungsi ini menambahkan properti baru ke objek accumulator dengan kunci yang sama dengan nilai tersebut dan nilai default true.

Metode 2: Menggunakan Loop For

Metode kedua menggunakan loop for tradisional untuk iterasi melalui array dan membuat objek baru.

const array = ["apple", "banana", "cherry"];

const object = {};
for (let i = 0; i < array.length; i++) {
  object[array[i]] = true; // Mengatur nilai objek sesuai dengan nilai array
}

console.log(object); // { apple: true, banana: true, cherry: true }

Dalam contoh ini, kita mendeklarasikan objek kosong (object) dan kemudian menggunakan loop for untuk menelusuri setiap nilai dalam array. Untuk setiap nilai, kita menambahkan properti baru ke objek dengan kunci yang sama dengan nilai tersebut dan nilai default true.

Metode 3: Menggunakan Object.fromEntries()

Metode ini membutuhkan dukungan ECMAScript 2019 (ES9) atau yang lebih tinggi. Kita dapat menggunakan Object.fromEntries() untuk mengonversi array pasangan kunci-nilai menjadi objek.

const array = ["apple", "banana", "cherry"];

const object = Object.fromEntries(array.map(value => [value, true]));

console.log(object); // { apple: true, banana: true, cherry: true }

Dalam contoh ini, kita menggunakan map() untuk mengubah setiap nilai dalam array menjadi array pasangan kunci-nilai ([value, true]). Kemudian, Object.fromEntries() digunakan untuk membuat objek baru dari array pasangan kunci-nilai.

Menentukan Nilai Objek

Contoh-contoh di atas menggunakan nilai default true. Anda dapat mengganti true dengan nilai apa pun yang Anda inginkan. Misalnya, Anda dapat menggunakan indeks array sebagai nilai objek:

const array = ["apple", "banana", "cherry"];

const object = {};
for (let i = 0; i < array.length; i++) {
  object[array[i]] = i; // Mengatur nilai objek sesuai dengan indeks array
}

console.log(object); // { apple: 0, banana: 1, cherry: 2 }

Kesimpulan

Mengubah nilai array menjadi kunci objek adalah tugas umum dalam pemrograman JavaScript. Ada beberapa cara untuk mencapai ini, masing-masing dengan keunggulan dan kelemahannya. Pilih metode yang paling sesuai dengan kebutuhan Anda dan tingkat dukungan JavaScript yang Anda miliki.

Related Post