菜单

JS往数组中加多项质量分析,js数组增添质量

2019年8月31日 - jQuery

JS往数组中增添项质量剖判

  那篇小说重要介绍了JS往数组中增添项品质深入分析的相关资料,必要的相爱的人能够参考下

  比较了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 毫秒

 

  本文仅仅是搜求JS的习性,通过相比较加深小同伴们对javascript的知晓,希望大家能够欣赏。

 

http://www.bkjia.com/Javascript/960564.htmlwww.bkjia.comtruehttp://www.bkjia.com/Javascript/960564.htmlTechArticleJS往数组中添加项性能分析
那篇文章首要介绍了JS往数组中加多项质量深入分析的连带资料,要求的恋人可以参谋下
比较了4种能够向数组增多项…

JS往数组中增加项品质深入分析,js数组加多质量

正如了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 毫秒

本文仅仅是追究JS的性子,通过对照加深小同伙们对javascript的精晓,希望大家能够欣赏。

http://www.bkjia.com/Javascript/960727.htmlwww.bkjia.comtruehttp://www.bkjia.com/Javascript/960727.htmlTechArticleJS往数组中添加项性能分析,js数组添加性能
相比较了4种能够向数组加多项的办法之间的属性: 使用索引器增加 复制代码
代码如下: console…

相关作品

有关搜索:

前几日看甚

找出技能库

回来首页

相关频道:
HTML/CSS  HTML5  Javascript  jQuery  AJax教程  前面二个代码  正则表达式  Flex教程  WEB前端教程  

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图