オブジェクトを配列に追加するJavaScriptプログラム

例1: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);

出力

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

上記のプログラムでは、 push() メソッドは、オブジェクトを配列に追加するために使用されます。

ザ・ push() メソッドは、配列の最後に項目を追加します。


例2: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);

出力

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

上記のプログラムでは、 splice() メソッドは、オブジェクトを配列に追加するために使用されます。

ザ・ splice() メソッドはアイテムを追加および/または削除します。

の中に splice() 方法、

  • 最初の引数は、アイテムを挿入するインデックスを表します。
  • 2番目の引数は、削除するアイテムの数を表します (ここでは、0)
  • 3番目の引数は、配列に追加する要素を表します。

例3:スプレッド演算子を使用してオブジェクトを追加する

// 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);

出力

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

上記のプログラムでは、スプレッド演算子 ... オブジェクトを配列に追加するために使用されます。

スプレッド構文を使用すると、すべての要素を配列にコピーできます。 次に、オブジェクトが配列の最後に追加されます。



Hope this helps!

Source link