オブジェクトを配列に追加する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}]

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

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