for of循环

for…of

• 遍历普通对象会报错,普通对象还是用for in 循环

• ES2015 引入了一种全新的遍历方式 for…of 循环

• for of 循环可以使用break打断循环

• 数组或类数组（如arguments和dom获取的子元素节点列表）可以直接使用for of

const arr = [1, 2, 3, 4, 5]
for (const item of arr) {
    console.log(item);
    if (item >= 4) {
        break
    }
}

• Set 和 Map 类型可以使用

const set = new Set(["foo", "bar", "baz"])
for (const item of set) {
    console.log(item);
}

const map = new Map
map.set("foo", 100)
map.set("bar", 200)
for (const item of map) {
    console.log(item);
}
// 输出的每一项是由 键-值 组成的数组
// ['foo', 100]
// ['bar', 200]

// 如果想使用每一个单独的数据，可以用数组结构
const map = new Map
map.set("foo", 100)
map.set("bar", 200)
//利用数组的解构，将数组分开
for (const [key, value] of map) {
    console.log(key, value);
}