DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> JS往數組中添加項性能分析
JS往數組中添加項性能分析
編輯:JavaScript綜合知識     

  這篇文章主要介紹了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的理解,希望大家能夠喜歡。

 
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved