JavaScript 如何向数组添加对象

在本文中，我们将学习如何在JavaScript中向数组添加对象。有三种常用的方法可用于插入或添加对象到数组中。

• JavaScript数组push()方法
• JavaScript数组splice()方法
• JavaScript数组unshift()方法

方法1：JavaScript数组push()方法

push()方法用于向数组的末尾添加一个或多个元素。它返回形成的新数组的长度。可以通过将对象作为参数传递给该方法来插入对象。因此，对象将被添加到数组的末尾。

语法：

array.push(objectName)

示例： 在这个示例中，我们将使用 push() 方法 来向 JavaScript 数组中添加一个对象。

function pushFunction() {
    list.push("Four", "Five"
    );
    console.log(list);
}
 
// Diver Code
let list = ["One", "Two", "Three"];
pushFunction();

输出

[ 'One', 'Two', 'Three', 'Four', 'Five' ]

方法2： JavaScript数组splice()方法

splice方法既可以删除元素也可以在特定索引处添加元素。它接受3个参数，起始索引、要删除的元素数量，以及要添加到数组中的项。通过将第二个参数指定为0，只能添加一个对象而不删除任何其他元素。将要插入的对象传递给方法，并指定要插入的索引。这样可以在指定的索引处插入对象。

语法：

arr.splice(index, 0, objectName)

示例： 在这个示例中，我们将使用splice()方法在Javascript中向数组中添加新的对象。

function spliceFunction() {
    list.splice(2, 0, "Angular", "SQL");
    console.log(list);
}
 
// Driver Code
let list = ["HTML", "CSS", "JavaScript"];
spliceFunction();

输出

[ 'HTML', 'CSS', 'Angular', 'SQL', 'JavaScript' ]

方法3： JavaScript数组unshift()方法

unshift()方法用于将一个或多个元素添加到数组的开头。它返回新数组的长度。可以通过将对象作为参数传递给此方法来插入对象。因此，该对象会被添加到数组的开头。

语法：

arr.unshift( object );

示例： 在这个示例中，我们将使用unshift()方法在数组中添加新对象Javascript。

function unshiftFunction() {
    list.unshift("for", "Geeks",);
    console.log(list);
}
 
// Diver Code
let list = ["Geeks", "Contribute", "Explore"];
 
unshiftFunction();

输出

[ 'for', 'Geeks', 'Geeks', 'Contribute', 'Explore' ]