📜  将对象附加到数组的JavaScript程序

📅  最后修改于: 2020-09-27 04:45:08             🧑  作者: Mango

在此示例中,您将学习编写一个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()方法中,

  • 第一个参数表示要在其中插入项目的索引。
  • 第二个参数表示要删除的项目数(此处为0)
  • 第三个参数表示要添加到数组中的元素。

示例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}]

在上面的程序中,散布运算符 ...用于将对象添加到数组。

传播语法使您可以将所有元素复制到数组中。然后,将对象添加到数组的末尾。