Add Key Value In Array Of Objects Javascript

MUAZHAN

4 min read

·

Jun 22, 2024

44

Share

Menambahkan Key-Value ke Array of Objects di JavaScript

Di JavaScript, Anda sering kali akan berurusan dengan data yang terstruktur dalam array of objects. Dalam banyak kasus, Anda perlu menambahkan key-value baru ke objek-objek dalam array tersebut. Ada beberapa cara untuk mencapai hal ini, mari kita bahas beberapa metode yang paling umum:

1. Looping dan Penugasan Langsung

Metode paling sederhana adalah dengan menggunakan loop for atau forEach untuk mengiterasi melalui array of objects, lalu menambahkan key-value baru secara langsung ke setiap objek:

const myArray = [
  { name: "John", age: 30 },
  { name: "Jane", age: 25 },
];

// Menambahkan key 'city' ke setiap objek
for (let i = 0; i < myArray.length; i++) {
  myArray[i].city = "New York";
}

console.log(myArray);

Output:

[
  { name: 'John', age: 30, city: 'New York' },
  { name: 'Jane', age: 25, city: 'New York' }
]

2. Menggunakan map()

Metode map() memungkinkan Anda untuk membuat array baru yang merupakan transformasi dari array awal. Anda dapat menggunakan map() untuk menambahkan key-value baru ke setiap objek:

const myArray = [
  { name: "John", age: 30 },
  { name: "Jane", age: 25 },
];

// Menambahkan key 'city' ke setiap objek
const newArray = myArray.map(obj => {
  return { ...obj, city: "New York" };
});

console.log(newArray);

Output:

[
  { name: 'John', age: 30, city: 'New York' },
  { name: 'Jane', age: 25, city: 'New York' }
]

3. Menggunakan forEach()

Metode forEach() memungkinkan Anda untuk menjalankan fungsi pada setiap elemen dalam array. Anda dapat menggunakan forEach() untuk menambahkan key-value baru ke setiap objek:

const myArray = [
  { name: "John", age: 30 },
  { name: "Jane", age: 25 },
];

// Menambahkan key 'city' ke setiap objek
myArray.forEach(obj => {
  obj.city = "New York";
});

console.log(myArray);

Output:

[
  { name: 'John', age: 30, city: 'New York' },
  { name: 'Jane', age: 25, city: 'New York' }
]

Tips Tambahan:

• Memilih Metode yang Tepat:
  • Gunakan map() jika Anda ingin membuat array baru dengan objek-objek yang dimodifikasi.
  • Gunakan forEach() jika Anda ingin memodifikasi array yang ada secara langsung.
• Menambahkan Key-Value yang Dinamis:
  • Anda dapat menggunakan fungsi atau variabel untuk menentukan nilai key atau value yang ingin ditambahkan.
• Menghindari Mutasi (Optional):
  • Jika Anda ingin menghindari memodifikasi array yang ada, gunakan map() untuk membuat salinan baru dari objek-objek.

Dengan memahami metode-metode ini, Anda akan dapat dengan mudah menambahkan key-value ke array of objects di JavaScript dan memanipulasi data Anda dengan lebih fleksibel.