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í)際開發(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常見遍歷方式性能分析比較工具：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)文章
上部分我們逐一分析了各瀏覽器的可行方法，這部分將搞鼓出一個(gè)統(tǒng)一的類來(lái)實(shí)現(xiàn)跨瀏覽器的線性漸變。2009-10-10
這篇文章主要介紹了Javascript中數(shù)組去重與拍平的相關(guān)資料，因?yàn)檫@是實(shí)際業(yè)務(wù)開發(fā)中經(jīng)常遇到的，文中開始先進(jìn)行了數(shù)組的判斷介紹，因?yàn)樵谔幚頂?shù)組之前判斷數(shù)據(jù)是不是數(shù)組很重要，有需要的朋友可以參考借鑒，下面來(lái)一起看看吧。2017-02-02
這篇文章主要為大家介紹了JS利用中介模式開發(fā)全局控制器圖文示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-09-09
全面解析JavaScript中“&&”和“||”操作符(總結(jié)篇)
這篇文章主要介紹了全面解析JavaScript中“&&”和“||”操作符(總結(jié)篇)的相關(guān)資料,需要的朋友可以參考下2016-07-07
本文為大家介紹下使用js實(shí)現(xiàn)可以供選擇的彈出框，具體的實(shí)現(xiàn)如下，感性的朋友可以參考下，希望對(duì)大家學(xué)習(xí)有所幫助2013-09-09
JavaScript用二分法查找數(shù)據(jù)的實(shí)例代碼
本篇文章主要介紹了JavaScript用二分法查找數(shù)據(jù)的實(shí)例代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-06-06
js實(shí)現(xiàn)兼容IE和FF的上下層的移動(dòng)
本來(lái)是很簡(jiǎn)單的一個(gè)功能，可是一開始弄的時(shí)候，還有IE能實(shí)現(xiàn)，F(xiàn)F總是不能實(shí)現(xiàn)，在網(wǎng)上看了半天，也沒(méi)弄出個(gè)所以然，所以在同事的幫忙下，總算弄出來(lái)了，瀏覽器的兼容性考的還是細(xì)節(jié)上面的東西，所有關(guān)于細(xì)節(jié)的，我會(huì)用注釋標(biāo)出來(lái)的。2015-05-05
JS數(shù)組操作大全對(duì)象數(shù)組根據(jù)某個(gè)相同的字段分組
這篇文章主要介紹了JS數(shù)組操作大全對(duì)象數(shù)組根據(jù)某個(gè)相同的字段分組,需要注意的是，在開發(fā)過(guò)程這種數(shù)組的處理函數(shù)，應(yīng)當(dāng)被編寫到項(xiàng)目的公共工具函數(shù)庫(kù)中全局調(diào)用，本文結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2022-11-11
使用json-server簡(jiǎn)單完成CRUD模擬后臺(tái)數(shù)據(jù)的方法
這篇文章主要介紹了使用json-server簡(jiǎn)單完成CRUD模擬后臺(tái)數(shù)據(jù)的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-07-07
confirm的用法示例用于按鈕操作時(shí)確定是否執(zhí)行
這篇文章主要介紹了confirm的用法，confirm一般用于按鈕操作時(shí)確定是否執(zhí)行,需要的朋友可以參考下2014-06-06