JS性能探讨：往数组中添加项

我不是女神ヾ 2022-01-13 07:49 248阅读 0赞

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][]

比较了4种可以向数组添加项的方法之间的性能：

**使用索引器添加**

console.time("index");
    var a = [];
    for (var i = 0, l = times; i < l; i++) {
        a[i] = i;
    }
    console.timeEnd("index");

**使用push方法**

console.time("push");
    var a = [];
    for (var i = 0, l = times; i < l; i++) {
        a.push(i);
    }
    console.timeEnd("push");

**使用concat方法**

console.time("concat");
    var a = [];
    for (var i = 0, l = times; i < l; i++) {
        a.concat(i);
    }
    console.timeEnd("concat");

**使用concat方法，参数为数组**

console.time("concat with array");
    var a = [];
    for (var i = 0, l = times; i < l; i++) {
        a.concat([i]);
    }
    console.timeEnd("concat with array");

把times设置为**10000**（万）次：

index: 0.310ms
    push: 1.476ms
    concat: 8.911ms
    concat with array: 2.261ms

把times设置为**100000**（十万）次：

index: 1.967ms
    push: 11.980ms
    concat: 70.410ms
    concat with array: 28.292ms

把times设置为**1000000**（百万）次：

index: 138.559ms
    push: 93.074ms
    concat: 608.768ms
    concat with array: 243.371ms

把times设置为**10000000**（千万）次：

index: 1473.733ms
    push: 611.636ms
    concat: 6058.528ms
    concat with array: 2431.689ms

\#\#\#\#总结

该结论仅受用与chrome浏览器

*  concat方法的执行效率是最慢的
 *  相比两种concat方法的传参，当接受参数为数组时，执行效率要高于接受参数为非数组
 *  索引器多数情况下执行效率要高于push方法
 *  当执行次数越来越多时，索引器的执行效率开始不如push方法

\#\#\#\#浏览器对比

感谢网友指出，本人经验不足，在这里补上浏览器之间的横向对比

*  首先是使用concat方法，在ie和firefox中，参数为数组执行效率反而别参数为非数组慢一点，但差异并不大
 *  然后index和push的方法比concat快是肯定的了，在ie中使用index方法始终要比push快，在firefox中push略胜一筹但差异不大
 *  比较3个浏览器之间index和push方法的执行效率差异是巨大的，firefox的执行效率要比ie和chrome高出不少，在百万次的情况下，基本快10倍，ie相比另外两者最慢

以下为百万次的结果：

// firefox
    index: timer started
    index: 229.79ms
    push: timer started
    push: 205.12ms
    concat: timer started
    concat: 2136.99ms
    concat with array: timer started
    concat with array: 2365.18ms

// ie
    index: 2,533.744 毫秒
    push: 3,865.979 毫秒
    concat: 4,303.139 毫秒
    concat with array: 4,792.208 毫秒

欢迎交流。

转载于:https://my.oschina.net/leogao0816/blog/379434

[2019_Python_]: https://my.oschina.net/u/2663968/blog/3061697
[hot3.png]: /images/20220113/843fe823ffcf461daddffa41b5bc9c9d.png