Program JavaScript untuk Menambahkan Objek ke Array

0
(0)

Contoh 1: Tambahkan Objek ke Array Menggunakan push()

// program to append an object to an array

function insertObject(arr, obj) {

    // append object
    arr.push(obj);
    
    console.log(arr);
}

// original array
let array = [1, 2, 3];

// object to add
let object = {x: 12, y: 8};

// call the function
insertObject(array, object);

Keluaran

[1, 2, 3, {x: 12, y: 8}]

Pada program di atas, push() metode yang digunakan untuk menambahkan objek ke array.

Itu push() metode menambahkan item ke akhir array.


Contoh 2: Menambahkan Objek ke Array Menggunakan splice()

// program to append an object to an array

function insertObject(arr, obj) {

   // find the last index
    let index = arr.length;

    // appending object to end of array
    arr.splice(index, 0, object);
    
    console.log(arr);
}

// original array
let array = [1, 2, 3];

// object to add
let object = {x: 12, y: 8};

// call the function
insertObject(array, object);

Keluaran

[1, 2, 3, {x: 12, y: 8}]

Pada program di atas, splice() metode yang digunakan untuk menambahkan objek ke array.

Itu splice() metode menambah dan/atau menghapus item.

Dalam splice() metode,

  • Argumen pertama mewakili indeks tempat Anda ingin menyisipkan item.
  • Argumen kedua mewakili jumlah item yang akan dihapus (di sini, 0).
  • Argumen ketiga mewakili elemen yang ingin Anda tambahkan ke array.

Contoh 3: Tambahkan Objek Menggunakan Operator Spread

// program to append an object to an array

function insertObject(arr, obj) {

   // append object
    arr = [...arr, object];
    
    console.log(arr);
}

// original array
let array = [1, 2, 3];

// object to add
let object = {x: 12, y: 8};

// call the function
insertObject(array, object);

Keluaran

[1, 2, 3, {x: 12, y: 8}]

Dalam program di atas, operator spread ... digunakan untuk menambahkan objek ke array.

Sintaks spread memungkinkan Anda untuk menyalin semua elemen ke array. Kemudian, objek ditambahkan ke akhir array.

How useful was this post?

Click on a star to rate it!

Average rating 0 / 5. Vote count: 0

No votes so far! Be the first to rate this post.


Notice: ob_end_flush(): failed to send buffer of zlib output compression (0) in /home/breatgem/widiyanata.com/wp-includes/functions.php on line 4755