JavaScript 在数组开头添加新元素

在本文中，我们将学习如何使用JavaScript在数组开头添加新元素。

我们可以通过以下方法实现：

• 使用Array unshift()方法
• 使用array.splice方法
• 使用展开运算符
• 使用Array concat()方法

方法1：使用Array unshift()方法

通过使用 Array unshift()方法 可以在现有数组的开头添加新元素。该方法类似于 push() 方法，但它在数组开头添加元素。

语法：

ArrayObject.unshift( arrayElement );

参数:

• ArrayObject: 是要插入元素的数组。
• arrayElement: 是要插入的元素。

示例: 该示例在数组开头插入元素 6 。

let Arr = [1, 2, 3, 4, 5];
 
console.log("Array Elements: " + Arr);
 
function myGFG() {
    Arr.unshift("6");
    console.log("New Array Elements: " + Arr);
}
 
myGFG();

输出

Array Elements: 1,2,3,4,5
New Array Elements: 6,1,2,3,4,5

示例: 此示例在数组的开头插入元素 GFG_7.

let Arr = ["GFG_1", "GFG_2", "GFG_3", "GFG_4"];
 
console.log("Array Elements: " + Arr);
 
function myGFG() {
    Arr.unshift("GFG_7");
    console.log("New Array Elements: " + Arr);
}
 
myGFG();

输出

Array Elements: GFG_1,GFG_2,GFG_3,GFG_4
New Array Elements: GFG_7,GFG_1,GFG_2,GFG_3,GFG_4

方法2：使用数组的splice方法

在这个方法中，我们将使用数组的splice方法。数组的splice()方法用于修改数组的内容。

示例：

let Arr = [1, 2, 3, 4, 5];
 
console.log("Array Elements: " + Arr);
 
function myGFG() {
    Arr.splice(0, 0, "6");
    console.log("New Array Elements: " + Arr);
}
myGFG();

输出

Array Elements: 1,2,3,4,5
New Array Elements: 6,1,2,3,4,5

方法3：使用传播操作符

传播操作符 允许可迭代对象在期望有0个或多个参数的位置进行展开。它主要用于变量数组，当期望有多个值时。

示例：

let arr = [66, 85, 19, 7];
arr = [34, ...arr]; 
 
console.log(arr)

输出

[ 34, 66, 85, 19, 7 ]

方法4：使用 Array concat() 方法

JavaScript 的 Array concat() 方法用于合并两个或多个数组。该方法可在数组的开头添加新元素。

示例：

const list = [23, 45, 12, 67];
const newList = [32].concat(list);
 
console.log(newList);

输出

[ 32, 23, 45, 12, 67 ]