循环数组有几种方法?

Image result for js image


第一种: 普通for循环

for( i=0; i<arr.length;i++){ }复制代码

最简单的一种,也是使用频率最高的一种,虽然性能不弱,但仍有优化空间es6


第二种: 优化版for循环

for(i=0,len=arr.length;i<len;i++){ }复制代码

使用临时变量将长度缓存起来,避免重复获取数组长度,当数组较大时优化效果才会比较明显,这种方法基本上是全部循环遍历方法中性能最高的一种数组


第三种: forEach循环

arr.forEach(item=>{ })复制代码

数组自带的forEach循环,使用频率较高,实际上性能比普通for循环弱缓存


第四种: forEach变种

Array.prototype.forEach.call(arr,item=>{ })复制代码

由于forEach是Array自带的,对于一些非这种类型的,没法直接使用(如NodeList), 全部才有了这个变种,使用这个变种可让相似的数组拥有forEach功能bash


第五种: for in 循环 

for( var i in arr){ }复制代码

在众多循环方式种,它的效率是最低的markdown


第六种: map 遍历

arr.map(item=>{ })复制代码

使用起来优雅,但实际效率不如forEach性能


第七种: for of 遍历(ES6 support)

for( let i of arr){ }复制代码

es6中用到的,性能好于for in,但仍比不上普通for循环优化