JS 插入 array 顶部

JS 插入 array 顶部

在 JavaScript 中，数组是一种非常常用的数据结构，我们经常需要在数组的顶部插入新元素。本文将详细介绍如何在 JavaScript 中插入数组的顶部。

方法一：unshift()

unshift() 方法能够向数组的开头添加一个或多个元素，并返回添加新元素后数组的新长度。

const arr = [2, 3, 4];
arr.unshift(1);

console.log(arr); // [1, 2, 3, 4];

在上面的示例中，我们创建了一个数组 arr，然后使用 unshift() 方法在数组的开头插入了一个元素 1。

方法二：splice()

splice() 方法可以实现在数组的指定位置插入新元素。如果我们要在数组的开头插入新元素，可以将 0 作为第一个参数传入。

const arr = [2, 3, 4];
arr.splice(0, 0, 1);

console.log(arr); // [1, 2, 3, 4];

在这个示例中，我们使用 splice() 方法在数组的开头插入了元素 1。

方法三：concat() 和 spread operator

另一种向数组开头插入元素的方法是使用 concat() 方法和 spread operator。

const arr = [2, 3, 4];
const newArr = [1, ...arr];

console.log(newArr); // [1, 2, 3, 4];

在上述示例中，我们创建了一个新的数组 newArr，将元素 1 和原数组的内容通过 spread operator 连接在一起。

方法四：ES6 的 Array.prototype.unshift()

ES6 中，Array.prototype.unshift() 方法也可以用来向数组的开头插入一个或多个元素。

const arr = [2, 3, 4];
arr.unshift(1);

console.log(arr); // [1, 2, 3, 4];

在这个示例中，我们同样使用了 unshift() 方法来在数组的开头插入了元素 1。

总结

本文介绍了在 JavaScript 中向数组的顶部插入元素的多种方法，包括使用 unshift()、splice()、concat() 和 spread operator、以及 ES6 的 Array.prototype.unshift() 方法。开发者可以根据实际情况选择适合自己的方法来实现需求。