javascript for循環(huán)性能測(cè)試示例
本文實(shí)例講述了javascript for循環(huán)性能測(cè)試。分享給大家供大家參考,具體如下:
for循環(huán),如何使用效率更高,下面舉例來(lái)說(shuō)明:
// 先定義一個(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ī)的
但是可以看出第三種直接用變量來(lái)接受數(shù)組長(zhǎng)度,效率會(huì)更高
但在實(shí)際開(kāi)發(fā)中推薦第二種,在for里面實(shí)現(xiàn),節(jié)省內(nèi)存,速度較快。
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具:http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。
PS:這里再為大家推薦一款JS數(shù)組遍歷方式分析對(duì)比工具供大家參考:
在線JS常見(jiàn)遍歷方式性能分析比較工具: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é)運(yùn)算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
B/S模式項(xiàng)目中常用的javascript匯總
本篇文章是對(duì)B/S模式項(xiàng)目中常用的javascript進(jìn)行了匯總介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-12-12javascript之querySelector和querySelectorAll使用介紹
其實(shí)關(guān)于querySelector和querySelectorAll的介紹說(shuō)明很多。在此主要是做個(gè)記錄2011-12-12layer.open 按鈕的點(diǎn)擊事件關(guān)閉方法
今天小編就為大家分享一篇layer.open 按鈕的點(diǎn)擊事件關(guān)閉方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08JS實(shí)現(xiàn)仿google、百度搜索框輸入信息智能提示的實(shí)現(xiàn)方法
這篇文章主要介紹了JS實(shí)現(xiàn)仿google、百度搜索框輸入信息智能提示的實(shí)現(xiàn)方法,實(shí)例分析了javascript實(shí)現(xiàn)智能提示功能的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04Layui tree 下拉菜單樹(shù)的實(shí)例代碼
今天小編就為大家分享一篇Layui tree 下拉菜單樹(shù)的實(shí)例代碼,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09JavaScript實(shí)現(xiàn)與web通信的方法詳解
這篇文章主要介紹了JavaScript實(shí)現(xiàn)與web通信的方法詳解,文章通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08