Add New Object To Existing Array Of Objects Javascript

4 min read Jun 22, 2024
Add New Object To Existing Array Of Objects Javascript

Menambahkan Objek Baru ke Array Objek yang Sudah Ada di JavaScript

Dalam pemrograman JavaScript, seringkali kita perlu menambahkan objek baru ke dalam array objek yang sudah ada. Berikut beberapa cara yang dapat Anda gunakan untuk mencapai hal ini:

1. Menggunakan push()

Metode push() adalah cara yang paling umum dan mudah untuk menambahkan objek baru ke akhir array.

const myArray = [
  { name: "John", age: 30 },
  { name: "Jane", age: 25 }
];

const newObject = { name: "Peter", age: 28 };

myArray.push(newObject);

console.log(myArray); 
// Output: [{ name: "John", age: 30 }, { name: "Jane", age: 25 }, { name: "Peter", age: 28 }]

2. Menggunakan concat()

Metode concat() memungkinkan Anda untuk menggabungkan array dengan array lain, termasuk array yang hanya berisi satu objek baru.

const myArray = [
  { name: "John", age: 30 },
  { name: "Jane", age: 25 }
];

const newObject = { name: "Peter", age: 28 };

const updatedArray = myArray.concat(newObject);

console.log(updatedArray);
// Output: [{ name: "John", age: 30 }, { name: "Jane", age: 25 }, { name: "Peter", age: 28 }]

3. Membuat Array Baru dengan spread Operator

Anda dapat membuat array baru yang berisi semua objek dari array lama dan objek baru dengan menggunakan operator spread (...).

const myArray = [
  { name: "John", age: 30 },
  { name: "Jane", age: 25 }
];

const newObject = { name: "Peter", age: 28 };

const updatedArray = [...myArray, newObject];

console.log(updatedArray);
// Output: [{ name: "John", age: 30 }, { name: "Jane", age: 25 }, { name: "Peter", age: 28 }]

4. Menambahkan Objek pada Indeks Tertentu

Jika Anda ingin menambahkan objek baru pada indeks tertentu dalam array, Anda dapat menggunakan metode splice().

const myArray = [
  { name: "John", age: 30 },
  { name: "Jane", age: 25 }
];

const newObject = { name: "Peter", age: 28 };

myArray.splice(1, 0, newObject); 

console.log(myArray);
// Output: [{ name: "John", age: 30 }, { name: "Peter", age: 28 }, { name: "Jane", age: 25 }]

Memilih Metode yang Tepat

Metode terbaik untuk menambahkan objek baru ke array tergantung pada kebutuhan Anda. Jika Anda hanya perlu menambahkan objek baru ke akhir array, push() adalah metode yang paling mudah. Jika Anda ingin menggabungkan array dengan array lain, concat() adalah pilihan yang tepat. Dan jika Anda ingin menambahkan objek baru pada indeks tertentu, splice() adalah metode yang Anda cari.

Latest Posts