JavaScript循环for...in、for...of、iterator迭代器

for…in

for…in用于循环访问对象的所有可枚举属性.
可以用于数组、字符串、对象一起使用，
Map、Set不能使用

1. Array类型循环的是index下标

    for(let prop in ['a','b','c']){
        console.log(prop)   //0、1、2
    }

2. string类型循环的是index下标

    for(let prop in 'congjiyong'){
        console.log(prop) //0、1、2、3、4、5、6、7、8、9
    }

3. 循环的是对象的键，访问键值时使用：对象[键]

    var abc = {a:1,b:2,c:3}
    for(let prop in abc){
        console.log(prop);  //键 a、b、c
        console.log(abc[prop]); //键值 1、2、3
    }

for…of

用于迭代可迭代对象，迭代其值而不是属性。
可用于数组、字符串，Map、Set可以使用
对象不能用
注意事项：在使用for…of遍历数据时, 要确保被遍历的数据, 拥有Iterator功能

1. Array类型循环的是value值

    for(let val of ['a','b','c']){
        console.log(val) //a、b、c
    }

2. string类型循环的是value值

    for(let val of 'congjiyong'){
        console.log(val) //c、o、n、g、j、i、y、o、n、g
    }

3. 对象类型不能用

>     Uncaught TypeError: {(intermediate value)(intermediate value)(intermediate value)} is not iterable

4. Set、Map可以使用

    for (let val of new Set(['a', 'b', 'a', 'd'])){
        console.log(val); //Set不能用重复的值，所以为 a、b、d 
    }

iterator

Iterator是一种接口机制，为各种不同的数据结构提供统一的访问机制, 遍历器, 因为现在有Array /arguments/String/ Set / Map 4种结构, 所以ES6 加入了Iterator遍历器, 只要拥有这个Iterator遍历器, 就都可以使用for…of进行遍历,因为对象不能使用for…of所以使用iterator,下面的固定格式
作用：

• 为各种数据结构，提供一个统一的、简便的访问接口
• 使得数据结构的成员能够按某种次序排列
• ES6创造了一种新的遍历命令for…of循环，Iterator接口主要供for…of使用
• Iterator是一个抽象的概念, 具体的实现 for…of / Symbol.iterator

let obj = {
    a: 1,
    b: 2,
    c: 3
}
obj[Symbol.iterator] = function () {
    //迭代协议
    let values = Object.values(obj)   //1、Object.keys() 2、Object.values() 
    console.log(values)
    let index = 0;
    return {
        next() {
            if (index >= values.length) {
                return {
                    done: true  //结束循环，循环已经完成
                }
            }
            else {
                return {
                    value:values[index++],
                    done: false, //继续循环，循环未完成

                }
            }
        }
    }
}
for (let val of obj) {
    console.log(val)
}

arr.forEach

forEach可以循环访问数组的值value和下标index

var arr = ['a','b','c']
arr.forEach((value,index,arr)=>{
    console.log(value);
    console.log(index)
})

  const s5 = new Set(['a', 'b', 'c']);
  s5.forEach(value => {
    console.log(value);
  })