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

Question

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

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

[23, 45, 12, 67]

我的AJAX电话的回应是34，我希望更新后的数组如下所示：

[34, 23, 45, 12, 67]

目前我计划这样做：

var newArray=[]；newArray.push（响应）；for（var i=0；i<theArray.length；i++）{newArray.push（theArray[i]）；}theArray=newArray；删除newArray；

有更好的方法吗？JavaScript有什么内置的功能可以做到这一点吗？

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

Answer 1

使用取消移位.就像推，但它将元素添加到数组的开头而不是末尾。

• 取消移位/推-将元素添加到数组的开头/结尾
• 转移/流行音乐-删除并返回数组的第一个/最后一个元素

一个简单的图表。。。

unshift->[array]<-push移位<-[array]->pop

和图表：

	添加	去除	开始	结束
推	X（X）			X（X）
流行音乐		X（X）		X（X）
取消移位	X（X）		X（X）
转移		X（X）	X（X）

查看MDN阵列文档。实际上，每种能够从数组中推送/弹出元素的语言也都能够取消移位/移位（有时称为前推（_F）/pop_前)元素，您永远不应该自己实现这些。

---

正如注释中所指出的，如果要避免更改原始数组，可以使用凹入，它将两个或多个数组连接在一起。您可以使用此功能将单个元素推送到现有数组的前面或后面；为此，您需要将新元素转换为单个元素数组：

常量数组=[3，2，1]const newFirstElement=4const newArray=[newFirstElement].concat（数组）//[4，3，2，1]console.log（newArray）；

凹入也可以附加项目。的参数凹入可以是任何类型；如果它们还不是数组，则隐式包装在单个元素数组中：

常量数组=[3，2，1]const newLastElement=0//这两条线是等效的：const newArray1=array.concat（newLastElement）//[3，2，1，0]const newArray2=array.concat（[newLastElement]）//[3，2，1，0]console.log（newArray1）；console.log（newArray2）；

Answer 2

变量a=[23,45,12,67]；a.卸载（34）；控制台.log（a）；//[34, 23, 45, 12, 67]

Answer 3

对于ES6，使用排列运算符...:

演示

var arr=[23，45，12，67]；arr=[34，…arr]；//结果：[34,23,45,12,67]控制台.log（arr）

Answer 4

另一种方法是通过凹入:

var arr=[1,2,3,4,5,6,7]；控制台.log（[0].concat（arr））；

两者之间的差异凹入和取消移位是那个吗凹入返回一个新数组。可以找到他们之间的表现在这里.

函数fn_unshift（）{arr.unshift（0）；返回arr；}函数fn_concat_init（）{返回[0].concat（arr）}

测试结果如下：

Answer 5

快速备忘单：

术语shift/unshift和push/pop可能有点令人困惑，至少对不熟悉C语言编程的人来说是这样。

如果你不熟悉这个行话，下面是其他术语的快速翻译，可能更容易记住：

*array_unshift（）-（也称为前置；；插入之前；；插入开始）*array_shift（）-（aka UnPrepend；；RemoveBefore；；Remove From Begin）*array_push（）-（又名Append；；InsertAfter；；Insert AtEnd）*array_pop（）-（aka UnAppend；；RemoveAfter；；Remove FromEnd）

Answer 6

使用ES6破坏（避免改变原始数组）：

const newArr=[项目，…oldArr]

Answer 7

您有一个数组：var arr=[23，45，12，67]；

要将项目添加到开头，您需要使用剪接:

var arr=[23，45，12，67]；棱角拼接（0，0，34）console.log（arr）；

Answer 8

无突变

实际上，所有取消移位/推和转移/流行音乐 突变源数组。

这个取消移位/推从开始/结束向现有数组添加一个项，然后转移/流行音乐从数组的开头/结尾删除一项。

但是，没有什么方法可以在不发生突变的情况下向数组中添加项。结果是一个新数组，添加到数组末尾使用以下代码：

const originArray=['one'，'two'，'three']；const newItem=4；const newArray=originArray.concat（newItem）；//欧洲标准5const newArray2=[…originArray，newItem]；//欧洲标准6+

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

const originArray=[一个，两个，三个]；const newItem=0；const newArray=（originArray.slice（）.reverse（）.concat（newItem））.revverse（）；//欧洲标准5const newArray2=[新项，…originArray]；//欧洲标准6+

通过上面的方法，您可以添加到一个数组的开始/结束，而不会发生突变。

Answer 9

在数组中预置新元素的备忘单

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];

三。ES6传播。。。

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

4数组#concat

常数列表=[23，45，12，67]；const newList=[32].concat（列表）；console.log（newList）；//[34, 23, 45, 12, 67];

注：在这些示例中，您可以通过提供更多要插入的项来预先插入多个项。

Answer 10

如果需要在数组的开头连续插入一个元素，使用它会更快推语句后跟对的调用颠倒，而不是呼叫取消移位总是。

基准测试： http://jsben.ch/kLIYf

Answer 11

使用剪接我们在数组的开头插入一个元素：

arrName.splice（0，0，'newName1'）；

Answer 12

如果要在数组的开头推送数组中的元素，请使用<func>.apply（<this>，<Array of args>）:

常数arr=[1,2]；arr.unshift.apply（arr，[3,4]）；console.log（arr）；//[3, 4, 1, 2]