您好,登錄后才能下訂單哦!
本文實例講述了javascript for循環性能測試。分享給大家供大家參考,具體如下:
for循環,如何使用效率更高,下面舉例來說明:
// 先定義一個測試數組 var arr = [0,1,2,3,4,5,6,7,8,9]; // 執行測試 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'); }
上面測試的結果大概是這樣:
test1: 0.028ms
test2: 0.010ms
test3: 0.007ms
雖然每次都是隨機的
但是可以看出第三種直接用變量來接受數組長度,效率會更高
但在實際開發中推薦第二種,在for里面實現,節省內存,速度較快。
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具:http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。
PS:這里再為大家推薦一款JS數組遍歷方式分析對比工具供大家參考:
在線JS常見遍歷方式性能分析比較工具:http://tools.jb51.net/aideddesign/js_bianli
更多關于JavaScript相關內容感興趣的讀者可查看本站專題:《JavaScript數組操作技巧總結》、《JavaScript遍歷算法與技巧總結》、《javascript面向對象入門教程》、《JavaScript數學運算用法總結》、《JavaScript數據結構與算法技巧總結》及《JavaScript錯誤與調試技巧總結》
希望本文所述對大家JavaScript程序設計有所幫助。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。