Update Object In Array Javascript Foreach

Update Object In Array Javascript Foreach

3 min read Jun 18, 2024
Update Object In Array Javascript Foreach

Memperbarui Objek di Dalam Array JavaScript dengan forEach

Dalam JavaScript, seringkali kita perlu memperbarui data di dalam array. Salah satu cara untuk melakukannya adalah dengan menggunakan loop forEach. Loop forEach memungkinkan kita untuk mengiterasi setiap elemen dalam array dan melakukan operasi tertentu pada masing-masing elemen tersebut.

Cara Memperbarui Objek dengan forEach

Berikut adalah contoh bagaimana menggunakan forEach untuk memperbarui objek di dalam array:

const products = [
  { id: 1, name: 'Laptop', price: 1000 },
  { id: 2, name: 'Keyboard', price: 50 },
  { id: 3, name: 'Mouse', price: 20 },
];

// Memperbarui harga semua produk menjadi 10% lebih tinggi
products.forEach((product) => {
  product.price *= 1.1;
});

console.log(products);

Dalam kode di atas, kita memiliki array products yang berisi objek produk. Kita ingin menaikkan harga semua produk sebesar 10%. Loop forEach iterasi setiap objek di dalam products dan menggunakan referensi ke objek tersebut. Kita kemudian memperbarui properti price dari setiap objek dengan mengalikannya dengan 1.1.

Penting:

  • forEach tidak mengembalikan array baru.
  • forEach bekerja langsung pada array asli.

Mengubah Data di dalam forEach

Meskipun forEach bekerja pada referensi objek, tidak semua perubahan yang kita buat di dalam forEach akan memengaruhi data asli.

const products = [
  { id: 1, name: 'Laptop', price: 1000 },
  { id: 2, name: 'Keyboard', price: 50 },
  { id: 3, name: 'Mouse', price: 20 },
];

// Mencoba mengubah nama semua produk dengan string baru
products.forEach((product) => {
  product = { ...product, name: "New Product" }; // Ini TIDAK akan mengubah data asli
});

console.log(products); // Output tetap sama dengan array asli

Dalam contoh ini, kita mencoba mengubah name semua objek di dalam products. Namun, karena kita menugaskan nilai baru ke variabel product di dalam loop, product mengacu ke objek baru, bukan objek asli di dalam array.

Kesimpulan

forEach adalah metode yang sangat berguna untuk melakukan operasi pada setiap elemen dalam array. Namun, perlu diingat bahwa forEach tidak membuat salinan array, dan setiap perubahan yang Anda buat langsung pada objek di dalam array akan memengaruhi data asli. Gunakan forEach dengan hati-hati dan pahami bagaimana cara kerjanya untuk memastikan bahwa data Anda diubah sesuai dengan kebutuhan Anda.