Array Add Object Javascript

3 min read Jun 23, 2024
Array Add Object Javascript

Menambahkan Objek ke Array di JavaScript

JavaScript menyediakan beberapa cara untuk menambahkan objek ke array. Berikut adalah beberapa metode yang umum digunakan:

1. Menggunakan push()

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

const myArray = [1, 2, 3];
const newObject = { name: "John", age: 30 };

myArray.push(newObject);

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

2. Menggunakan unshift()

Metode unshift() menambahkan objek ke awal array.

const myArray = [1, 2, 3];
const newObject = { name: "John", age: 30 };

myArray.unshift(newObject);

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

3. Menggunakan splice()

Metode splice() memungkinkan Anda untuk menambahkan objek ke array pada index tertentu.

const myArray = [1, 2, 3];
const newObject = { name: "John", age: 30 };

myArray.splice(1, 0, newObject);

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

Keterangan:

  • splice(index, deleteCount, item1, item2, ...)
  • index: Index tempat Anda ingin menambahkan objek.
  • deleteCount: Jumlah item yang ingin Anda hapus (dalam kasus ini, 0 karena kita hanya ingin menambahkan).
  • item1, item2, ...: Objek yang ingin Anda tambahkan ke array.

4. Menggunakan concat()

Metode concat() membuat salinan array baru yang berisi objek baru dan semua item dari array asli.

const myArray = [1, 2, 3];
const newObject = { name: "John", age: 30 };

const newArray = myArray.concat(newObject);

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

Pilihan Terbaik:

  • push() ideal untuk menambahkan objek ke akhir array.
  • unshift() ideal untuk menambahkan objek ke awal array.
  • splice() ideal untuk menambahkan objek pada index tertentu di array.
  • concat() ideal untuk membuat salinan array baru dengan objek baru.

Pilih metode yang paling sesuai dengan kebutuhan Anda untuk menambahkan objek ke array di JavaScript.

Latest Posts