跳至主要內容

for...of循环

zfh小于 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遍历

上次编辑于:
本站勉强运行 小时
本站总访问量
網站計數器