如何在forEach方法中当available为true时终止循环并输出首个符合项

注意：forEach方法本身没法直接终止循环（没有break功能），如果一定要用forEach实现需求，得靠外部变量控制；更推荐用find()方法，专门用来找第一个符合条件的元素，代码更省事高效。

方案1：用标志变量配合forEach实现 #

const books = [
  {
    "Book": "Book1",
    "available": false
  },
  {
    "Book": "Book2",
    "available": false
  },
  {
    "Book": "Book3",
    "available": true
  },
  {
    "Book": "Book4",
    "available": true
  }
];

let found = false; // 用来标记是否已经找到目标元素
books.forEach(book => {
  if (found) return; // 已经找到，直接跳过当前迭代
  if (book.available) {
    console.log(book); // 输出第一个符合条件的元素
    found = true; // 标记为已找到，后续迭代不再执行逻辑
  }
});

这个方法通过外部变量found控制遍历逻辑，找到目标后，后续的forEach迭代虽然还会执行，但会直接return跳过核心逻辑，达到类似终止的效果。

方案2：使用Array.find()方法（更推荐） #

find()方法的设计初衷就是遍历数组并返回第一个满足条件的元素，找到后会立即停止遍历，完美匹配你的需求：

const books = [
  {
    "Book": "Book1",
    "available": false
  },
  {
    "Book": "Book2",
    "available": false
  },
  {
    "Book": "Book3",
    "available": true
  },
  {
    "Book": "Book4",
    "available": true
  }
];

const firstAvailableBook = books.find(book => book.available);
if (firstAvailableBook) {
  console.log(firstAvailableBook);
}

这个方法代码更简洁，性能也更好，因为找到元素后会直接终止遍历，不像forEach那样还要走完剩余迭代（即使逻辑被跳过）。

内容的提问来源于stack exchange，提问作者user20075027