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-12
javascript之querySelector和querySelectorAll使用介紹
其實(shí)關(guān)于querySelector和querySelectorAll的介紹說(shuō)明很多。在此主要是做個(gè)記錄2011-12-12
這篇文章主要介紹了JavaScript中的變量定義與儲(chǔ)存介紹,本文先是講解了變量定義的一些技巧,然后對(duì)變量的儲(chǔ)存做了講解,需要的朋友可以參考下2014-12-12
這篇文章主要介紹了使用原生js寫的一個(gè)簡(jiǎn)單slider，喜歡的朋友可以參考下2014-04-04
layer.open 按鈕的點(diǎn)擊事件關(guān)閉方法
今天小編就為大家分享一篇layer.open 按鈕的點(diǎn)擊事件關(guān)閉方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
JS實(shí)現(xiàn)仿google、百度搜索框輸入信息智能提示的實(shí)現(xiàn)方法
這篇文章主要介紹了JS實(shí)現(xiàn)仿google、百度搜索框輸入信息智能提示的實(shí)現(xiàn)方法,實(shí)例分析了javascript實(shí)現(xiàn)智能提示功能的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
Layui tree 下拉菜單樹(shù)的實(shí)例代碼
今天小編就為大家分享一篇Layui tree 下拉菜單樹(shù)的實(shí)例代碼，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
Dron右鍵菜單 v1.0...2006-10-10
JavaScript實(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
這篇文章主要介紹了js 去除字符串第一位逗號(hào)的方法,需要的朋友可以參考下2014-06-06