将值添加到数组的最有效方法


268

假设我有一个大小为N(where N > 0)的数组,是否有更有效的方式添加到不需要O(N + 1)步骤的数组?

本质上,在代码中,我目前正在做的是

function prependArray(value, oldArray) {
  var newArray = new Array(value);

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

  return newArray;
}

尽管我喜欢链接列表和指针,但我觉得必须有一种使用本机JS数据类型做事的更有效方法
samccone 2011年

@samccone:是的,无视我的评论,对不起,我以为你说过Java:P
GWW

3
Java,JavaScript,C或Python,无论使用哪种语言都没关系:数组与链表之间的复杂度折衷是相同的。链接列表在JS中可能非常笨拙,因为它们没有内置的类(与Java不同),但是如果您真正想要的是O(1)插入时间,那么您确实需要一个链接列表。
mgiuca 2011年

1
是否需要克隆它?
瑞安·佛罗伦萨

1
如果需要克隆它,那么unshift是不合适的,因为它将使原始数组变异而不创建副本。
mgiuca 2011年

Answers:


492

我不确定在big-O方面是否更有效,但是肯定使用该unshift方法更为简洁:

var a = [1, 2, 3, 4];
a.unshift(0);
a; // => [0, 1, 2, 3, 4]

[编辑]

jsPerf基准表明,unshift是体面快于至少一对夫妇的浏览器,不管可能不同的大O性能,如果您没有问题修改就地数组。如果您确实无法更改原始数组,则可以执行以下代码段,但似乎没有比您的解决方案快得多的方法:

a.slice().unshift(0); // Use "slice" to avoid mutating "a".

[编辑2]

为了完整起见,可以使用以下函数代替OP的示例prependArray(...)来利用Array unshift(...)方法:

function prepend(value, array) {
  var newArray = array.slice();
  newArray.unshift(value);
  return newArray;
}

var x = [1, 2, 3];
var y = prepend(0, x);
y; // => [0, 1, 2, 3];
x; // => [1, 2, 3];

190
谁决定叫prependunshift”?
斯科特·斯塔福德,

12
@ScottStafford unshift听起来更适合这种数组操作(它或多或少物理上移动元素)。prepend会更适合于链表,在链表中您会在字面上添加元素。
CamilB

12
移位是移位的补充功能。称其为“ prepend”将是奇怪的选择。松开就是按动弹出。
罗伯特爵士

9
这种解决方案只有一个问题。unshift()是否不返回其length,而不是返回此答案中的数组w3schools.com/jsref/jsref_unshift.asp
iDVB

4
push并且unshift都包含u,而popshift则没有。
前千

70

使用ES6,您现在可以使用spread运算符创建一个新数组,并在原始元素之前插入新元素。

// Prepend a single item.
const a = [1, 2, 3];
console.log([0, ...a]);

// Prepend an array.
const a = [2, 3];
const b = [0, 1];
console.log([...b, ...a]);

更新2018-08-17:性能

我希望这个答案能够提供一种我认为更容易记住和简洁的替代语法。应该注意的是,根据一些基准测试(请参阅此其他答案),此语法要慢得多。除非您要循环执行许多这些操作,否则这可能无关紧要。


4
截至2017年,应该对此进行表决。这很简洁。通过使用spread,它会返回新的流,这对于链接进一步的修改很有用。它也是纯净的(意味着a和b不受影响)
Simon

您没有提及与unshift
Shashank Vivek

感谢@ShashankVivek。我希望这个答案能够提供一种我认为更容易记住和简洁的替代语法。我会更新。
Frank Tan

@FrankTan:干杯:) +1
Shashank Vivek

46

如果将一个数组放在另一个数组的前面,则使用会更有效率concat。所以:

var newArray = values.concat(oldArray);

但这仍然是oldArray大小的O(N)。不过,它比手动迭代oldArray更有效。另外,根据细节,这可能会对您有所帮助,因为如果要添加多个值,最好先将它们放入一个数组中,然后最后连接conArray oldArray,而不是将每个值分别单独添加。

在oldArray的大小上,没有比O(N)更好的方法了,因为数组存储在连续的内存中,并且第一个元素处于固定位置。如果要在第一个元素之前插入,则需要移动所有其他元素。如果您需要解决此问题的方法,请执行@GWW所说的并使用链表或其他数据结构。


2
哦,是的,我忘了unshift。但请注意,a)会使oldArray发生突变,而concat不会(因此取决于情况,哪个更适合您),并且b)仅使一个元素插入。
mgiuca 2011年

1
哇,那慢得多。嗯,正如我所说,它正在复制数组(并创建一个新数组[0]),而unshift会将其原地改变。但两者都应为O(N)。也为该网站的链接而欢呼-看起来非常方便。
mgiuca 2011年

2
它对oneliner有好处,因为concat返回数组,而unshift返回新的长度
Z. Khullah,

32

如果您想在数组(a1和a2)前加上前缀,则可以使用以下命令:

var a1 = [1, 2];
var a2 = [3, 4];
Array.prototype.unshift.apply(a1, a2);
console.log(a1);
// => [3, 4, 1, 2]

6

如果您需要保留旧数组,对旧数组进行切片,然后将新值取消移位到切片的开头。

var oldA=[4,5,6];
newA=oldA.slice(0);
newA.unshift(1,2,3)

oldA+'\n'+newA

/*  returned value:
4,5,6
1,2,3,4,5,6
*/

4

我对不同的前置方法进行了一些新的测试。对于小阵列(<1000个元素),引导者用于循环并采用推入方法。对于大型数组,Unshift方法将成为领导者。

但是这种情况仅适用于Chrome浏览器。在Firefox中,unshift具有出色的优化功能,并且在所有情况下都更快。

在所有浏览器中,ES6的传播速度要慢100倍以上。

https://jsbench.me/cgjfc79bgx/1


好答案!但是为了确保您不会丢失其中的一部分,您可以在此处重现测试用例(可能带有一些示例运行结果),以防万一,例如jsbench消失了。
鲁芬

3

有特殊的方法:

a.unshift(value);

但是,如果要在数组前面添加几个元素,使用这种方法会更快:

var a = [1, 2, 3],
    b = [4, 5];

function prependArray(a, b) {
    var args = b;
    args.unshift(0);
    args.unshift(0);
    Array.prototype.splice.apply(a, args);
}

prependArray(a, b);
console.log(a); // -> [4, 5, 1, 2, 3]

2
不... unshift将添加数组作为第一个参数:var a = [4,5]; a.unshift([1,2,3]); console.log(a); //-> [[4,5],1,2,3]
bjornd 2011年

4
你是对的!您将需要使用Array.prototype.unshift.apply(a,b);
david,


1

调用unshift仅返回新数组的长度。因此,要在开头添加元素并返回新数组,我这样做:

let newVal = 'someValue';
let array = ['hello', 'world'];
[ newVal ].concat(array);

或简单地使用传播算子:

[ newVal, ...array ]

这样,原始阵列将保持不变。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.