Menambahkan Properti ke Objek dalam Array di JavaScript
Dalam JavaScript, seringkali kita perlu memanipulasi data yang disimpan dalam array, termasuk menambahkan properti baru ke objek yang ada di dalam array tersebut. Artikel ini akan membahas cara menambahkan properti ke objek dalam array di JavaScript.
Menggunakan Loop
Salah satu cara paling umum untuk menambahkan properti ke objek dalam array adalah dengan menggunakan loop. Loop memungkinkan kita untuk mengakses setiap objek dalam array dan menambahkan properti baru ke dalamnya.
Berikut contohnya:
const products = [
{ name: 'Keyboard', price: 100 },
{ name: 'Mouse', price: 50 },
{ name: 'Monitor', price: 300 }
];
// Tambahkan properti "stock" ke setiap objek
for (let i = 0; i < products.length; i++) {
products[i].stock = 10;
}
console.log(products);
Dalam kode di atas, kita menggunakan loop for
untuk mengiterasi setiap objek dalam array products
. Pada setiap iterasi, kita menambahkan properti stock
dengan nilai 10
ke setiap objek.
Menggunakan map()
Metode map()
pada array memungkinkan kita untuk membuat array baru yang berisi hasil transformasi dari setiap elemen dalam array asli. Kita bisa menggunakan map()
untuk menambahkan properti baru ke objek dalam array.
Berikut contohnya:
const products = [
{ name: 'Keyboard', price: 100 },
{ name: 'Mouse', price: 50 },
{ name: 'Monitor', price: 300 }
];
// Tambahkan properti "stock" ke setiap objek dengan `map()`
const updatedProducts = products.map(product => {
return { ...product, stock: 10 };
});
console.log(updatedProducts);
Kode di atas menggunakan map()
untuk memetakan setiap objek dalam products
ke objek baru dengan properti stock
tambahan. Kita menggunakan operator spread (...
) untuk menyalin semua properti dari objek asli ke objek baru.
Menambahkan Properti Secara Dinamis
Jika kita ingin menambahkan properti baru ke objek dalam array dengan nilai yang berbeda untuk setiap objek, kita bisa menggunakan loop atau map()
dengan fungsi yang menerima objek sebagai argumen dan mengembalikan objek dengan properti baru.
Berikut contohnya:
const products = [
{ name: 'Keyboard', price: 100 },
{ name: 'Mouse', price: 50 },
{ name: 'Monitor', price: 300 }
];
// Tambahkan properti "stock" dengan nilai yang berbeda untuk setiap objek
for (let i = 0; i < products.length; i++) {
products[i].stock = i + 1;
}
console.log(products);
Dalam kode di atas, kita menggunakan loop for
untuk menambahkan properti stock
dengan nilai yang berbeda untuk setiap objek. Nilai stock
dihitung berdasarkan indeks objek dalam array.
Kesimpulan
Menambahkan properti ke objek dalam array di JavaScript bisa dilakukan dengan berbagai cara. Kita bisa menggunakan loop, map()
, atau fungsi lain untuk mencapai tujuan ini. Penting untuk memilih metode yang paling sesuai dengan kebutuhan dan struktur data Anda.