美文网首页
JS几种数组遍历方式以及性能分析对比

JS几种数组遍历方式以及性能分析对比

作者: dev7 | 来源:发表于2018-11-06 16:55 被阅读0次

    第一种:普通for循环

    for(j = 0; j < arr.length; j++) {
       
    } 
    

    第二种:优化版for循环

    for(j = 0,len=arr.length; j < len; j++) {
       
    }
    

    第三种:弱化版for循环

    for(j = 0; arr[j]!=null; j++) {
       
    }
    

    第四种:foreach循环

    arr.forEach(function(e){  
       
    });
    

    第五种:foreach变种

    Array.prototype.forEach.call(arr,function(el){  
       
    });
    

    第六种:forin循环

    for(j in arr) {
       
    }
    

    第八种:forof遍历(需要ES6支持)

    for(let value of arr) {  
       
    });
    

    各种遍历方式的性能对比

    在chrome (支持es6)中运行了1000次后得出的结论(每次运行100次,一共10个循环,得到的分析结果)

    • 普通 for 循环才是最优雅的
    • forin 循环最慢
    • 优化后的普通 for 循环最快

    相关文章

      网友评论

          本文标题:JS几种数组遍历方式以及性能分析对比

          本文链接:https://www.haomeiwen.com/subject/jlheaftx.html