Cara Menambahkan Properti Baru ke Setiap Objek dalam Array JavaScript
Dalam pengembangan web menggunakan JavaScript, seringkali kita perlu memodifikasi data dalam array objek. Salah satu manipulasi data yang umum adalah menambahkan properti baru ke setiap objek dalam array. Artikel ini akan membahas beberapa cara untuk mencapai tujuan ini.
Metode 1: Looping dengan for
Metode paling sederhana adalah dengan menggunakan loop for untuk iterasi melalui setiap objek dalam array dan menambahkan properti baru secara manual.
const users = [
{ name: 'John Doe', age: 30 },
{ name: 'Jane Doe', age: 25 }
];
// Menambahkan properti "city" ke setiap objek
for (let i = 0; i < users.length; i++) {
users[i].city = 'New York';
}
console.log(users);
Kode di atas akan menambahkan properti city dengan nilai New York ke setiap objek dalam array users.
Metode 2: map() Method
Metode map() menawarkan cara yang lebih ringkas dan elegan untuk menambahkan properti baru ke setiap objek dalam array. map() akan mengembalikan array baru yang berisi hasil dari fungsi callback yang diterapkan pada setiap elemen dalam array aslinya.
const users = [
{ name: 'John Doe', age: 30 },
{ name: 'Jane Doe', age: 25 }
];
// Menambahkan properti "country" ke setiap objek
const updatedUsers = users.map(user => ({
...user,
country: 'USA'
}));
console.log(updatedUsers);
Kode ini menggunakan spread syntax (...user) untuk menyalin semua properti yang sudah ada di objek dan menambahkan properti country dengan nilai USA ke setiap objek baru dalam array updatedUsers.
Metode 3: forEach() Method
Metode forEach() mirip dengan map(), tetapi tidak mengembalikan array baru. Ia iterasi melalui setiap elemen dalam array dan menjalankan fungsi callback pada setiap elemen.
const users = [
{ name: 'John Doe', age: 30 },
{ name: 'Jane Doe', age: 25 }
];
// Menambahkan properti "occupation" ke setiap objek
users.forEach(user => {
user.occupation = 'Software Engineer';
});
console.log(users);
Kode ini menambahkan properti occupation dengan nilai Software Engineer ke setiap objek dalam array users.
Kesimpulan
Ketiga metode di atas dapat digunakan untuk menambahkan properti baru ke setiap objek dalam array JavaScript. Pilih metode yang paling sesuai dengan kebutuhan dan preferensi Anda.
Penting untuk diingat bahwa metode map() mengembalikan array baru, sedangkan forEach() memodifikasi array aslinya. Jika Anda tidak ingin memodifikasi array aslinya, gunakan map().