如何返回包含指定食物的首个怪物数组索引？

原代码的问题 #

1. 字符串匹配错误：你写的food === "x"是在匹配固定字符串"x"，而非变量x存储的目标食物值，这会导致永远无法匹配到你真正要找的食物（除非目标就是"x"）。
2. 遍历逻辑缺陷：嵌套forEach会遍历所有怪物和所有食物，即便找到第一个符合条件的怪物，后续遍历仍会继续，若后面有其他怪物也包含目标食物，index会被覆盖成后面的索引，无法保证返回的是第一个符合条件的怪物索引。

正确写法 #

直接使用数组的findIndex方法，它是JS专门为「查找第一个符合条件元素的索引」设计的API，找不到则返回-1，完全适配你的需求：

const targetFood = "meet"; // 替换为你要查找的食物
const index = animals.findIndex(monster => {
  // 检查当前怪物的食物列表是否包含目标食物
  return monster.food.includes(targetFood);
});
return index;

手动实现遍历（理解底层逻辑） #

如果想自己写循环来加深理解，可以用普通for循环，找到符合条件的元素后立即终止循环：

const targetFood = "meet";
let index = -1;
for (let i = 0; i < animals.length; i++) {
  const monster = animals[i];
  if (monster.food.includes(targetFood)) {
    index = i;
    break; // 找到第一个匹配项就停止遍历
  }
}
return index;

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