javascript for循環(huán)性能測試示例
本文實例講述了javascript for循環(huán)性能測試。分享給大家供大家參考,具體如下:
for循環(huán),如何使用效率更高,下面舉例來說明:
// 先定義一個測試數(shù)組 var arr = [0,1,2,3,4,5,6,7,8,9]; // 執(zhí)行測試 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'); }
上面測試的結(jié)果大概是這樣:
test1: 0.028ms
test2: 0.010ms
test3: 0.007ms
雖然每次都是隨機的
但是可以看出第三種直接用變量來接受數(shù)組長度,效率會更高
但在實際開發(fā)中推薦第二種,在for里面實現(xiàn),節(jié)省內(nèi)存,速度較快。
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具:http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。
PS:這里再為大家推薦一款JS數(shù)組遍歷方式分析對比工具供大家參考:
在線JS常見遍歷方式性能分析比較工具:http://tools.jb51.net/aideddesign/js_bianli
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《javascript面向?qū)ο笕腴T教程》、《JavaScript數(shù)學(xué)運算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript錯誤與調(diào)試技巧總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
javascript之querySelector和querySelectorAll使用介紹
其實關(guān)于querySelector和querySelectorAll的介紹說明很多。在此主要是做個記錄2011-12-12JS實現(xiàn)仿google、百度搜索框輸入信息智能提示的實現(xiàn)方法
這篇文章主要介紹了JS實現(xiàn)仿google、百度搜索框輸入信息智能提示的實現(xiàn)方法,實例分析了javascript實現(xiàn)智能提示功能的技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04