for...of循环
小于 1 分钟约 192 字...
for...of 的用法
const arr = [1, 2, 3, 4]
for (const item of arr) {
console.log(item)
}
与 break,continue 一起使用
const arr = [1, 2, 3, 4]
for (const item of arr) {
if (item === 2) {
break
// continue
}
console.log(item)
}
在 for...of 中取得数组的索引
keys()
得到的是索引的可遍历对象,可以遍历出索引值
const arr = [1, 2, 3, 4]
for (const key of arr.keys()) {
console.log(key)
}
values()
得到的是值的可遍历对象,可以遍历出值,多此一举,和直接使用for...of
方法效果一样entries()
得到的是索引+值组成的数组的可遍历对象
const arr = [11, 21, 31, 4]
// 解构赋值
for (const [key, value] of arr.entries()) {
console.log(key, value)
}
可以使用for...or
- 数组
- 字符串
- Set
- Map
- arguments
- NodeList
对象不可以使用for...or
遍历