本文實(shí)例講述了javascript for循環(huán)性能測(cè)試。分享給大家供大家參考,具體如下:
for循環(huán),如何使用效率更高,下面舉例來說明:
// 先定義一個(gè)測(cè)試數(shù)組 var arr = [0,1,2,3,4,5,6,7,8,9];// 執(zhí)行測(cè)試test1(); test2();test3();function test1(){ console.time('test1'); for(var i = 0; i < arr.length; i ++) { } console.timeEnd('test1');}function test2(){ console.time('test2'); for(var i = 0,len = arr.length; i < len; i ++) { } console.timeEnd('test2');}function test3(){ console.time('test3'); var len = arr.length; for(var i = 0; i < len; i ++) { } console.timeEnd('test3');}上面測(cè)試的結(jié)果大概是這樣:
test1: 0.028ms
test2: 0.010ms
test3: 0.007ms
雖然每次都是隨機(jī)的
但是可以看出第三種直接用變量來接受數(shù)組長度,效率會(huì)更高
但在實(shí)際開發(fā)中推薦第二種,在for里面實(shí)現(xiàn),節(jié)省內(nèi)存,速度較快。
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具:http://tools.VeVB.COm/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。
PS:這里再為大家推薦一款JS數(shù)組遍歷方式分析對(duì)比工具供大家參考:
在線JS常見遍歷方式性能分析比較工具:http://tools.VeVB.COm/aideddesign/js_bianli
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《javascript面向?qū)ο笕腴T教程》、《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注