关于js的map和foreach数组方法无法跳出循环

原创于 2023-04-11 10:22:50 发布 · 284 阅读

CC 4.0 BY-SA版权

文章标签：

本文展示了在JavaScript中如何使用forEach、map、some和every方法遍历数组。虽然这些方法都可以迭代数组元素，但对循环中断的处理方式不同。使用return在forEach和map中不会停止循环，而在some和every中则能根据返回值决定是否继续执行。

// 1.forEach遍历数组
let forEachArr = [1, 2, 3, 4, 5]
forEachArr.forEach((item) => {
  if (item === 3) {
    return
  }
  console.log(item) // 1 2 3 4 5 全部打印，使用return不会退出循环
})

// 2.map遍历数组
let mapArr = [1, 2, 3, 4, 5]
mapArr.map((item) => {
  if (item === 3) {
    return
  }
  console.log(item) // 1 2 3 4 5 全部打印，使用return不会退出循环
})

// 3.可以使用some方法或every方法
// 3.1 some遍历数组，当内部return true时跳出整个循环
let someArr = [1, 2, 3, 4, 5]
someArr.some((item) => {
  if (3 == item) {
    return true
  }
  console.log(item)
}) // 1 2 true

// 3.2 every遍历数组，当内部return false时跳出整个循环(必须写return true)
let everyArr = [1, 2, 3, 4, 5]
everyArr.every((item) => {
  if (3 == item) {
    return false
  } else {
    console.log(item)
    return true
  }
}) // 1 2 true