Add Element To Every Object In Array Javascript

3 min read Jun 22, 2024
Add Element To Every Object In Array Javascript

Menambahkan Elemen ke Setiap Objek dalam Array di JavaScript

Dalam pemrograman JavaScript, seringkali kita perlu memodifikasi data yang tersimpan dalam array. Salah satu operasi yang umum dilakukan adalah menambahkan elemen baru ke setiap objek dalam array. Artikel ini akan membahas bagaimana cara melakukannya dengan efektif dan efisien.

Menggunakan Loop For

Salah satu cara paling sederhana adalah dengan menggunakan loop for untuk iterasi melalui setiap objek dalam array. Di dalam loop, kita dapat menambahkan elemen baru ke setiap objek. Berikut adalah contohnya:

const data = [
  { name: 'John Doe', age: 30 },
  { name: 'Jane Doe', age: 25 },
  { name: 'Peter Pan', age: 20 }
];

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

console.log(data);

Kode ini akan menambahkan properti baru bernama city dengan nilai New York ke setiap objek dalam array data.

Menggunakan map() Method

Metode map() adalah alternatif yang lebih ringkas dan fungsional untuk menambahkan elemen ke setiap objek. Metode ini akan membuat array baru dengan hasil dari callback function yang diterapkan pada setiap objek dalam array asli.

const data = [
  { name: 'John Doe', age: 30 },
  { name: 'Jane Doe', age: 25 },
  { name: 'Peter Pan', age: 20 }
];

// Menambahkan elemen 'city' ke setiap objek
const newData = data.map(item => ({
  ...item, // Menggabungkan properti existing
  city: 'New York' 
}));

console.log(newData);

Kode ini menggunakan spread syntax ...item untuk menggabungkan properti yang sudah ada pada objek asli dengan properti baru city.

Pertimbangan Kinerja

Pada umumnya, map() method cenderung lebih cepat dan efisien daripada loop for terutama untuk array yang besar. Namun, untuk array kecil, perbedaannya tidak signifikan.

Kesimpulan

Menambahkan elemen ke setiap objek dalam array adalah operasi umum dalam pemrograman JavaScript. Baik dengan menggunakan loop for maupun map() method, kita dapat dengan mudah mencapai hasil yang diinginkan. Penting untuk memilih metode yang paling tepat berdasarkan kebutuhan dan ukuran array.

Latest Posts