美文网首页
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 Related

    JS几种数组遍历方式以及性能分析对比 javascript中in和hasOwnProperty区别

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

    第一种:普通for循环 第二种:优化版for循环 第三种:弱化版for循环 第四种:foreach循环 第五种:f...

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

    1、普通for循环 代码如下: 简要说明:最简单的一种,也是使用频率最高的一种,虽然性能不弱,但仍有优化空间 2、...

  • JS常用的几种数组遍历方式以及性能分析对比实例详解

    前言 这一篇与上一篇 JS几种变量交换方式以及性能分析对比[https://www.jb51.net/articl...

  • for循环性能比较

    JS数组遍历的几种方式 JS数组遍历,基本就是for,forin,foreach,forof,map等等一些方法,...

  • JS遍历相关知识

    JS数组遍历的几种方式 JS数组遍历,基本就是for,forin,foreach,forof,map等等一些方法,...

  • 遍历数组和对象2018-08-14

    js数组遍历和对象遍历 针对js各种遍历作一个总结分析,从类型用处:分数组遍历和对象遍历;还有性能,优缺点等。 J...

  • 数组2

    js数组遍历和对象遍历 针对js各种遍历作一个总结分析,从类型用处:分数组遍历和对象遍历;还有性能,优缺点等。 J...

  • 面试题之js数组遍历

    js中的数组遍历是项目中经常用到的,在这里将几种方法做个对比。 for循环:使用评率最高,也是最基本的一种遍历方式...

  • js数组遍历总结

    js中的数组遍历是项目中经常用到的,在这里将几种方法做个对比。for循环:使用评率最高,也是最基本的一种遍历方式。...

网友评论

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

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