我需要在一个数组的开头添加或者插入元素。
例如，如果我的数组如下所示：
[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)，看到更好的实现会很有趣。
使用 unshift 方法，它类似于 push，但是会将元素添加到数组的开头，而不是末尾。
unshift/push - 在数组的开头/末尾添加一个元素shift/pop - 移除并返回数组的第一个/最后一个元素一个简单的图示说明...
unshift -> [array] <- push
shift <- [array] -> pop
图表：
add remove start end
push X X
pop X X
unshift X X
shift X X
查看MDN Array文档。几乎所有能在数组中推入/弹出元素的语言，也都能在数组前/后添加或删除元素（有时称为push_front/pop_front），您不应该自己实现。
正如评论中指出的那样，如果要避免变更原始数组，您可以使用concat，它将两个或多个数组连接在一起。您可以使用它在现有数组的前面或后面函数式地添加单个元素；为此，您需要将新元素转换为单元素数组：
const array = [3, 2, 1]
const newFirstElement = 4
const newArray = [newFirstElement].concat(array) // [ 4, 3, 2, 1 ]
console.log(newArray);concat 还可以用于添加元素。传递给 concat 的参数可以是任何类型；如果这些参数不是数组，则它们会被隐式转换为只有一个元素的数组：
const array = [3, 2, 1]
const newLastElement = 0
// Both of these lines are equivalent:
const newArray1 = array.concat(newLastElement) // [ 3, 2, 1, 0 ]
const newArray2 = array.concat([newLastElement]) // [ 3, 2, 1, 0 ]
console.log(newArray1);
console.log(newArray2);concat更好，因为它返回一个新的数组。非常适合链式调用。例如[thingToInsertToFront].concat(originalArray).reduce(fn).reverse().map(fn)等等...
如果你使用unshift，你无法进行这种链式调用，因为它只会返回数组长度。 - user5900250
var a = [23, 45, 12, 67];
a.unshift(34);
console.log(a); // [34, 23, 45, 12, 67][23, 45, 12, 67].unshift(34) 将不起作用。数组必须先保存在一个变量中，因为 unshift 方法本身会返回一个值。 - vsync...：示例
var arr = [23, 45, 12, 67];
arr = [34, ...arr]; // RESULT : [34,23, 45, 12, 67]
console.log(arr)concat。 - Abdennour TOUMI另一种方法是通过 concat 实现：
var arr = [1, 2, 3, 4, 5, 6, 7];
console.log([0].concat(arr));concat 和 unshift 的区别在于，concat 返回一个新数组。它们之间的性能差异可以在这里找到：here。
function fn_unshift() {
arr.unshift(0);
return arr;
}
function fn_concat_init() {
return [0].concat(arr)
}
以下是测试结果：
unshift: 25,510 ±3.18%，比最快的慢99%。concat: 2,436,894 ±3.39%，是最快的。 - Illuminator快速备忘单：
对于可能不熟悉C编程语言的人来说，shift/unshift和push/pop这些术语可能有点令人困惑。
如果您不熟悉这些术语，以下是一些替代术语的快速翻译，可以更容易记住：
* array_unshift() - (aka Prepend ;; InsertBefore ;; InsertAtBegin )
* array_shift() - (aka UnPrepend ;; RemoveBefore ;; RemoveFromBegin )
* array_push() - (aka Append ;; InsertAfter ;; InsertAtEnd )
* array_pop() - (aka UnAppend ;; RemoveAfter ;; RemoveFromEnd )
你有一个数组：var arr = [23, 45, 12, 67];
如果想在数组开头添加一个元素，可以使用splice方法：
var arr = [23, 45, 12, 67];
arr.splice(0, 0, 34)
console.log(arr);unshift速度快了50％（但大多数情况下更易读） - icl7126不会改变原数组
实际上，所有的 unshift/push 和 shift/pop 都会改变源数组。
unshift/push 会在数组的开头/结尾添加一个元素，而 shift/pop 则会从数组的开头/结尾移除一个元素。
但是还有一些方法可以向数组中添加元素而不进行任何更改，结果将得到一个新的数组。要将元素添加到数组的末尾，请使用以下代码：
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+
使用上述方法，您可以在不进行突变的情况下向数组的开头/结尾添加元素。
originArray的末尾放置了一个slice函数，以防止它的可变性。 - Ahmad Khani向数组前面添加新元素的快速参考
const list = [23, 45, 12, 67];
list.unshift(34);
console.log(list); // [34, 23, 45, 12, 67];2. Array#splice
const list = [23, 45, 12, 67];
list.splice(0, 0, 34);
console.log(list); // [34, 23, 45, 12, 67];3. ES6 扩展运算符...
const list = [23, 45, 12, 67];
const newList = [34, ...list];
console.log(newList); // [34, 23, 45, 12, 67];4. Array#concat
const list = [23, 45, 12, 67];
const newList = [32].concat(list);
console.log(newList); // [34, 23, 45, 12, 67];注意：在这些示例中，您可以通过提供更多的插入项来添加多个前置项。
如果您需要持续在数组开头插入元素，使用push语句后跟调用reverse比一直调用unshift更快。
unshift具有全面的胜利。 - Olly Hodgson
push语句然后调用reverse比一直调用unshift更快。 - Krisztián Balla