数组遍历的4种方式(图文)

数组的遍历是js的重点,那么遍历数组有哪些方法呢?

遍历数组常见的方法有4种,分别是:

1.for循环

2.for in 索引遍历

3.数组.forEach方法

4.for of 值遍历（ES6）

1.for循环

var team = ['zhangfei', 'liubei', 'guanyu'];
for(var i=0; i<team.length; i++){
      console.log(i, team[i]);
}

2.for in 索引遍历

var team = ['zhangfei', 'liubei', 'guanyu'];
for(var i in team){
      console.log(i, team[i]);
}

注意:for in 和for循环虽然颜色不一样,但是都是字符串string类型

3.数组对象.forEach方法   内置Array数组对象的方法

数组.forEach(function(v, k, arr){});

函数的参数： 第一个v表示遍历到的值，第二个k参数表示遍历到的下标，第三个arr参数是数组本身

函数的形参，可以根据需要，使用一个，两个，三个都行

var team = ['zhangfei', 'liubei', 'guanyu'];
team.forEach(function(v, k, arr){
      console.log(v, k, arr);
});
team.forEach(function(v, k){
      console.log(v, k);
});
team.forEach(function(v){
      console.log(v);
});

4. for of 值遍历(ES6)

注意:for of只能遍历数组和字符串,不能遍历对象,遍历对象可以用for in

var team = ['zhangfei', 'liubei', 'guanyu'];
for(var v of team){
      console.log(v);
    }

相关阅读:ES6新增循环for...of语法的用法

for of和for in的区别

之前ES5中的for in遍历数组存在的问题

1.index索引为字符串型数字，不能直接进行几何运算

2.遍历顺序有可能不是按照实际数组的内部顺序

3.使用for in会遍历数组所有的可枚举属性，包括原型。例如上栗的原型方法method和name属性

所以for in更适合遍历对象，不建议使用for in遍历数组。

记住，for in遍历的是数组的索引（即键名），而for of遍历的是数组元素值。

for of遍历的只是数组内的元素，而不包括数组的原型属性method和索引name