for...of循环

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遍历