JS -javascript 数组遍历的几种方式,数组或对象循环遍历的对比分析,性能使用合理使用

Posted 八月正凉

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS -javascript 数组遍历的几种方式,数组或对象循环遍历的对比分析,性能使用合理使用相关的知识,希望对你有一定的参考价值。

谷歌浏览器测试结果分析如下:

 

100次分析结果1:

以下截图中的数据是,在chrome (支持es6)中运行了100次后得出的结论(每次运行10次,一共10个循环,得到的分析结果) 

 

 可以看出,forin 循环最慢耗时间多,优化后的普通for循环最快耗时间少

 

1000次分析结果2:

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

 

javascript原生遍历方法的建议用法:

  1. 用for循环遍历数组(可以用优化的倒序for循环)

  2. 用for-in遍历对象

  3. 用for-of遍历类数组对象(ES6)

  4. 用Object.keys()获取对象属性名的集合

 

 

以上是关于JS -javascript 数组遍历的几种方式,数组或对象循环遍历的对比分析,性能使用合理使用的主要内容,如果未能解决你的问题,请参考以下文章

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

JS几种数组遍历方式总结

JS几种数组遍历方式以及性能分析对比(转 未经测试,先mark)

浅谈 JS 的数据遍历的几种方式

js遍历数组的几种方法

js 数组循环的几种方法及返回值