for...of循环（数组）

    const arr = ['one', 'two', 'three']

    for (const iterator of arr) {
        console.log(iterator); //one  two  three
    }

for...of循环可以代替数组实例的forEach方法

    const arr = ['red', 'green', 'blue'];

    arr.forEach(function (element, index) {
    console.log(element); // red green blue
    console.log(index);   // 0 1 2
    });

JavaScript 原有的for...in循环，只能获得对象的键名，不能直接获取键值。ES6 提供for...of循环，允许遍历获得键值。

    let arr = ['a', 'b', 'c', 'd'];

    for (let a in arr) {
    console.log(a); // 0 1 2 3
    }

    for (let a of arr) {
    console.log(a); // a b c d
    }

for...of循环调用遍历器接口，数组的遍历器接口只返回具有数字索引的属性。这一点跟for...in循环也不一样。

    let arr = [3, 5, 7];
    arr.foo = 'hello';

    for (let i in arr) {
    console.log(i); // "0", "1", "2", "foo"
    }

    for (let i of arr) {
    console.log(i); //  "3", "5", "7"
    }

上面代码中，for...of循环不会返回数组arr的foo属性