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

1、，需要的朋友可以參考下這篇文章主要介紹了JS往數(shù)組中添加項(xiàng)性能分析的相關(guān)資料比較了4種可以向數(shù)組添加項(xiàng)的方法之間的性能：使用索引器添加代碼如下：console.time("index");vara=;for(vari=0,l=times;i<l;i+)(ai=i;console.timeEnd("index");使用push方法代碼如下：console.time("push");vara=;for(vari=0,l=times;i<l;i+)(a.push(i);console.timeEnd("

2、push");使用concat方法代碼如下：console.time("concat");vara=;for(vari=0,l=times;i<l;i+)(a.concat(i);console.timeEnd("concat");使用concat方法，參數(shù)為數(shù)組代碼如下：console.time("concatwitharray");vara=;for(vari=0,l=times;i<l;i+)(a.concat(i);console.timeEnd("concatwitharray

3、");把times設(shè)置為10000(萬)次：代碼如下：index:0.310mspush：1.476msconcat：8.911msconcatwitharray：2.261ms把times設(shè)置為100000(十萬)次：代碼如下：index:1.967mspush:11.980msconcat:70.410msconcatwitharray:28.292ms把times設(shè)置為1000000（百萬）次：代碼如下：index:138.559mspush:93.074msconcat:608.768msconcatwitharray:243.371ms把times設(shè)置為10000000（千

4、萬）次：代碼如下：index:1473.733mspush:611.636msconcat:6058.528msconcatwitharray:2431.689ms總結(jié)該結(jié)論僅受用與chrome瀏覽器concat方法的執(zhí)行效率是最慢的相比兩種concat方法的傳參，當(dāng)接受參數(shù)為數(shù)組時(shí)，執(zhí)行效率要高于接受參數(shù)為非數(shù)組索引器多數(shù)情況下執(zhí)行效率要高于push方法當(dāng)執(zhí)行次數(shù)越來越多時(shí)，索引器的執(zhí)行效率開始不如push方法瀏覽器對比感謝網(wǎng)友指出，本人經(jīng)驗(yàn)不足，在這里補(bǔ)上瀏覽器之間的橫向?qū)Ρ仁紫仁鞘褂胏oncat方法，在ie和firefox中，參數(shù)為數(shù)組執(zhí)行效率反而別參數(shù)為非數(shù)組慢一點(diǎn)，但差異并不大然后i

5、ndex和push的方法比concat快是肯定的了，在ie中使用index方法始終要比push快，在firefox中push略勝一籌但差異不大比較3個(gè)瀏覽器之間index和push方法的執(zhí)行效率差異是巨大的，firefox的執(zhí)行效率要比ie和chrome高出不少，在百萬次的情況下，基本快10倍，ie相比另外兩者最慢以下為百萬次的結(jié)果：代碼如下：/firefoxindex:timerstartedindex:229.79mspush:timerstartedpush:205.12msconcat:timerstartedconcat:2136.99msconcatwitharray:timerstartedconcatwitharray:2365.18ms代碼如下：/ieindex:2,533.744毫秒push:3,865.979毫秒concat:4,303.139毫秒conc