Add Object To Array Javascript Es6

3 min read Jun 22, 2024
Add Object To Array Javascript Es6

Menambahkan Objek ke Array di JavaScript ES6

Dalam pemrograman JavaScript, array adalah struktur data yang sangat penting. Array memungkinkan kita untuk menyimpan koleksi data dalam urutan tertentu. Di ES6, terdapat beberapa cara yang lebih mudah dan efisien untuk menambahkan objek ke dalam array. Berikut beberapa cara yang bisa digunakan:

1. Menggunakan push()

Metode push() merupakan cara yang paling umum untuk menambahkan objek ke akhir array.

Contoh:

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

myArray.push(newObject);

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

2. Menggunakan concat()

Metode concat() menggabungkan dua atau lebih array dan mengembalikan array baru tanpa mengubah array asli.

Contoh:

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

const newArray = myArray.concat(newObject);

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

3. Menggunakan Spread Syntax

Spread syntax (...) dapat digunakan untuk memperluas array dan menambahkan objek baru di dalamnya.

Contoh:

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

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

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

4. Menggunakan unshift()

Metode unshift() menambahkan objek baru ke awal array.

Contoh:

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

myArray.unshift(newObject);

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

5. Menggunakan splice()

Metode splice() memungkinkan kita menambahkan objek baru ke array di posisi yang ditentukan.

Contoh:

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

myArray.splice(1, 0, newObject);

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

Catatan:

  • push() dan concat() menambahkan objek ke akhir array.
  • unshift() menambahkan objek ke awal array.
  • splice() memberikan fleksibilitas untuk menambahkan objek ke posisi tertentu dalam array.

Pilih metode yang sesuai dengan kebutuhan Anda dan nikmati kemudahan menambahkan objek ke dalam array di JavaScript ES6!

Latest Posts