如何在JS中从主列表返回学生列表的首个匹配名称？

直接对students数组调用find()方法，判断当前元素是否存在于masterNames中即可——find()本身会返回数组里第一个满足条件的元素，刚好匹配你的需求，完全不需要嵌套forEach。

代码示例 #

const masterNames = ["Alice", "Bob", "Dylan", "Eve"];
const students = ["Steve", "Dylan", "Bob"];

// 正确写法：遍历学生列表，找第一个出现在主列表里的名字
const firstMatch = students.find(name => masterNames.includes(name));

console.log(firstMatch); // 输出: "Dylan"

为什么之前的写法出错 #

你之前在masterNames.forEach()里嵌套find()，相当于对主列表里的每个元素，都去学生列表里找一遍匹配项，这样会多次触发find()，最终得到所有符合条件的元素，而不是你要的第一个匹配结果。反过来以students为遍历主体，find()会在找到第一个满足条件的元素后立刻停止遍历，既高效又能得到正确结果。

性能优化（可选） #

如果masterNames的元素数量很多，includes()每次查找的时间复杂度是O(n)，可以把masterNames转换成Set结构，这样查找操作的时间复杂度会降到O(1)，大幅提升性能：

const masterSet = new Set(masterNames);
const firstMatch = students.find(name => masterSet.has(name));

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