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);
}