for,for..in,for..of,forEach区别

for,for..in,for..of,forEach区别

总结

1. 都是遍历数组的，for是最基本的js原生代码速度最快，其他都是基于for封装的。

2. for..in不仅可以遍历数组，还可以遍历对象。遍历数组是遍历出对应的索引，对象则遍历的是对象的属性。

3. for..of不仅可以遍历数组的值，也可以遍历map对象,

4. forEach数组的值和索引都可以取到，常用于遍历对象数组

for..in

// 遍历数组
let arr = ['a','b','c']
for(let ind in arr) {
  console.log(ind)  // 1,2,3
}
//遍历对象
let user = {
    name: 'jmh',
    sex: 'male'
}
for(let key in user){
    console.log(key)  // name,sex
}

for..of

// 遍历数组
let arr = ['a','b','c']
for(let val of arr) {
  console.log(val)  // 'a','b','c'
}

forEach

let arr = ['a','b','c']
arr.forEach((val,ind) => {
    console.log(val)    //  'a','b','c'
    console.log(ind)    //  1,2,3
})