Menambahkan Key-Value ke Objek dalam Array di JavaScript
Dalam JavaScript, seringkali kita perlu memanipulasi data yang disimpan dalam array objek. Salah satu manipulasi yang umum adalah menambahkan key-value baru ke objek yang ada dalam array. Ada beberapa cara untuk melakukan hal ini, tergantung pada kebutuhan dan preferensi Anda.
1. Menggunakan Loop for
Salah satu cara paling sederhana adalah dengan menggunakan loop for
untuk iterasi melalui setiap objek dalam array dan menambahkan key-value baru.
const myArray = [
{ name: "John", age: 30 },
{ name: "Jane", age: 25 },
];
// Tambahkan key "city" ke setiap objek dalam array
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()
dapat digunakan untuk membuat array baru dengan menambahkan key-value baru ke setiap objek dalam array asli.
const myArray = [
{ name: "John", age: 30 },
{ name: "Jane", age: 25 },
];
// Tambahkan key "city" ke setiap objek dalam array
const newArray = myArray.map(item => ({ ...item, 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()
mirip dengan map()
, tetapi tidak mengembalikan array baru. Metode ini hanya memodifikasi array asli.
const myArray = [
{ name: "John", age: 30 },
{ name: "Jane", age: 25 },
];
// Tambahkan key "city" ke setiap objek dalam array
myArray.forEach(item => {
item.city = "New York";
});
console.log(myArray);
Output:
[
{ name: 'John', age: 30, city: 'New York' },
{ name: 'Jane', age: 25, city: 'New York' }
]
4. Menambahkan Key-Value ke Objek Baru
Jika Anda ingin menambahkan key-value baru ke objek baru dan kemudian memasukkannya ke dalam array, Anda dapat melakukan hal berikut:
const myArray = [
{ name: "John", age: 30 },
{ name: "Jane", age: 25 },
];
// Buat objek baru dengan key "city"
const newObject = { name: "Peter", age: 28, city: "London" };
// Tambahkan objek baru ke dalam array
myArray.push(newObject);
console.log(myArray);
Output:
[
{ name: 'John', age: 30 },
{ name: 'Jane', age: 25 },
{ name: 'Peter', age: 28, city: 'London' }
]
Pilihan metode terbaik tergantung pada kebutuhan Anda. Gunakan loop for
jika Anda ingin kontrol penuh atas proses iterasi. Gunakan map()
jika Anda perlu membuat array baru. Gunakan forEach()
jika Anda ingin memodifikasi array asli.