javascript for循環(huán)性能測(cè)試示例

發(fā)布時(shí)間：2020-10-19 19:06:50 來(lái)源：腳本之家閱讀：133 作者：Johnny丶me 欄目：web開發(fā)

本文實(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í)際開發(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ì)有所幫助。

向AI問(wèn)一下細(xì)節(jié)

javascript for循環(huán)性能測(cè)試示例

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽