JS往数组中添加项性能分析

前端之家收集整理的这篇文章主要介绍了JS往数组中添加项性能分析前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

使用索引器添加

代码如下:

使用push方法

代码如下:

使用concat方法

代码如下:
301"> console.time("concat"); var a = []; for (var i = 0,l = times; i < l; i++) { a.concat(i); } console.timeEnd("concat");

使用concat方法,参数为数组

代码如下:

把times设置为10000(万)次:

代码如下:

把times设置为100000(十万)次:

代码如下:

把times设置为1000000(百万)次:

代码如下:

把times设置为10000000(千万)次:

代码如下:

总结

该结论仅受用与chrome浏览器

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

浏览器对比

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

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

以下为百万次的结果:

代码如下:

代码如下:

本文仅仅是探讨JS的性能,通过对比加深小伙伴们对javascript的理解,希望大家能够喜欢。

猜你在找的JavaScript相关文章