如何在JavaScript中的数组开头添加新的数组元素？

我需要在数组的开头添加或预加元素。

例如，如果我的数组如下所示：

[23, 45, 12, 67]

AJAX调用的响应是34，我希望更新后的数组如下所示：

[34, 23, 45, 12, 67]

目前我计划这样做：

var newArray = [];
newArray.push(response);

for (var i = 0; i < theArray.length; i++) {
    newArray.push(theArray[i]);
}

theArray = newArray;
delete newArray;

有更好的方法吗？JavaScript是否有任何内置功能来实现这一点？

我的方法的复杂性是O（n），看到更好的实现会非常有趣。

当前回答

使用拼接，我们在开头将一个元素插入到数组中：

arrName.splice( 0, 0, 'newName1' );

2018-06-28 19:54:32

其他回答

无突变

实际上，所有的unshift/push和shift/pop都会改变源数组。

unshift/push从开始/结束向现有数组添加一个项，并从数组的开始/结束移除一个项。

但是，很少有方法可以在没有变异的情况下将项目添加到数组中。结果是一个新数组，要添加到数组末尾，请使用以下代码：

const originArray = ['one', 'two', 'three'];
const newItem = 4;

const newArray = originArray.concat(newItem); // ES5
const newArray2 = [...originArray, newItem]; // ES6+

要添加到原始数组的开头，请使用以下代码：

const originArray = ['one', 'two', 'three'];
const newItem = 0;

const newArray = (originArray.slice().reverse().concat(newItem)).reverse(); // ES5
const newArray2 = [newItem, ...originArray]; // ES6+

使用上述方法，您可以在没有变异的情况下添加到数组的开头/结尾。

2018-11-30 14:25:33

如果要将数组中的元素推送到数组的开头，请使用＜func＞.apply（＜this＞，＜array of args＞）：

常量arr=[1，2]；取消申请（arr，[3，4]）；控制台日志（arr）；//[3, 4, 1, 2]

2020-07-07 09:13:37

在数组中准备新元素的Cheatsheet

1.阵列#未移位

常量列表=[23，45，12，67]；list.unshift（34）；console.log（列表）；//[34, 23, 45, 12, 67];

2.阵列#拼接

常量列表=[23，45，12，67]；列表.拼接（0，0，34）；console.log（列表）；//[34, 23, 45, 12, 67];

3.ES6扩散。。。

常量列表=[23，45，12，67]；常量newList=[34，…list]；console.log（newList）；//[34, 23, 45, 12, 67];