欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS往數(shù)組中添加項(xiàng)性能分析

 更新時(shí)間:2015年02月25日 14:30:07   投稿:hebedich  
這篇文章主要介紹了JS往數(shù)組中添加項(xiàng)性能分析的相關(guān)資料,需要的朋友可以參考下

比較了4種可以向數(shù)組添加項(xiàng)的方法之間的性能:

使用索引器添加

復(fù)制代碼 代碼如下:

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

使用push方法

復(fù)制代碼 代碼如下:

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

使用concat方法

復(fù)制代碼 代碼如下:

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

使用concat方法,參數(shù)為數(shù)組

復(fù)制代碼 代碼如下:

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設(shè)置為10000(萬(wàn))次:

復(fù)制代碼 代碼如下:

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

把times設(shè)置為100000(十萬(wàn))次:

復(fù)制代碼 代碼如下:

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

把times設(shè)置為1000000(百萬(wàn))次:

復(fù)制代碼 代碼如下:

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

把times設(shè)置為10000000(千萬(wàn))次:

復(fù)制代碼 代碼如下:

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

總結(jié)

該結(jié)論僅受用與chrome瀏覽器

concat方法的執(zhí)行效率是最慢的
相比兩種concat方法的傳參,當(dāng)接受參數(shù)為數(shù)組時(shí),執(zhí)行效率要高于接受參數(shù)為非數(shù)組
索引器多數(shù)情況下執(zhí)行效率要高于push方法
當(dāng)執(zhí)行次數(shù)越來(lái)越多時(shí),索引器的執(zhí)行效率開(kāi)始不如push方法

瀏覽器對(duì)比

感謝網(wǎng)友指出,本人經(jīng)驗(yàn)不足,在這里補(bǔ)上瀏覽器之間的橫向?qū)Ρ?/p>

首先是使用concat方法,在ie和firefox中,參數(shù)為數(shù)組執(zhí)行效率反而別參數(shù)為非數(shù)組慢一點(diǎn),但差異并不大
然后index和push的方法比concat快是肯定的了,在ie中使用index方法始終要比push快,在firefox中push略勝一籌但差異不大
比較3個(gè)瀏覽器之間index和push方法的執(zhí)行效率差異是巨大的,firefox的執(zhí)行效率要比ie和chrome高出不少,在百萬(wàn)次的情況下,基本快10倍,ie相比另外兩者最慢

以下為百萬(wàn)次的結(jié)果:

復(fù)制代碼 代碼如下:

// 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
```

復(fù)制代碼 代碼如下:

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

本文僅僅是探討JS的性能,通過(guò)對(duì)比加深小伙伴們對(duì)javascript的理解,希望大家能夠喜歡。

相關(guān)文章

  • 詳解微信小程序-獲取用戶(hù)session_key,openid,unionid - 后端為nodejs

    詳解微信小程序-獲取用戶(hù)session_key,openid,unionid - 后端為nodejs

    這篇文章主要介紹了微信小程序獲取session_key,openid,unionid的方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2019-04-04
  • Javascript Worker子線程代碼實(shí)例

    Javascript Worker子線程代碼實(shí)例

    這篇文章主要介紹了Javascript Worker子線程代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2020-02-02
  • webpack學(xué)習(xí)筆記之優(yōu)化緩存、合并、懶加載

    webpack學(xué)習(xí)筆記之優(yōu)化緩存、合并、懶加載

    這篇文章主要介紹了webpack學(xué)習(xí)筆記之優(yōu)化緩存、合并、懶加載,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-08-08
  • JS工作中的小貼士之”閉包“與事件委托的”阻止冒泡“

    JS工作中的小貼士之”閉包“與事件委托的”阻止冒泡“

    這篇文章主要介紹了JS工作中的小貼士之”閉包“與事件委托的”阻止冒泡“的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下
    2016-06-06
  • JavaScript數(shù)組排序小程序?qū)崿F(xiàn)解析

    JavaScript數(shù)組排序小程序?qū)崿F(xiàn)解析

    這篇文章主要介紹了JavaScript數(shù)組排序小程序?qū)崿F(xiàn)解析,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2020-01-01
  • JavaScript圖片打印方案實(shí)例詳解

    JavaScript圖片打印方案實(shí)例詳解

    有時(shí)候我們希望文件上傳的時(shí)候預(yù)覽圖片,下面這篇文章主要給大家介紹了關(guān)于JavaScript圖片打印方案的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2023-03-03
  • ES6 Array常用擴(kuò)展的應(yīng)用實(shí)例分析

    ES6 Array常用擴(kuò)展的應(yīng)用實(shí)例分析

    這篇文章主要介紹了ES6 Array常用擴(kuò)展的應(yīng)用,結(jié)合實(shí)例形式分析各種常見(jiàn)擴(kuò)展方法針對(duì)Array數(shù)組的轉(zhuǎn)換、遍歷、查找、運(yùn)算等相關(guān)操作技巧,需要的朋友可以參考下
    2019-06-06
  • 通過(guò)js把一個(gè)數(shù)組修改成多層嵌套多個(gè)數(shù)組的幾種方法總結(jié)

    通過(guò)js把一個(gè)數(shù)組修改成多層嵌套多個(gè)數(shù)組的幾種方法總結(jié)

    這篇文章主要介紹了通過(guò)js把一個(gè)數(shù)組修改成多層嵌套多個(gè)數(shù)組的幾種方法總結(jié),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2023-06-06
  • canvas學(xué)習(xí)之API整理筆記(一)

    canvas學(xué)習(xí)之API整理筆記(一)

    本文主要介紹了canvas的相關(guān)知識(shí)。canvas本身很簡(jiǎn)單,就是去學(xué)習(xí)它的API,多看實(shí)例,多自己動(dòng)手練習(xí),多總結(jié)。本文介紹了很多小例,具有一定的參考價(jià)值,下面跟著小編一起來(lái)看下吧
    2016-12-12
  • JS實(shí)現(xiàn)關(guān)閉小廣告特效

    JS實(shí)現(xiàn)關(guān)閉小廣告特效

    這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)關(guān)閉小廣告特效,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2019-12-12

最新評(píng)論