JS数组获取首个匹配元素异常求助：for循环与find方法均失效

嘿，这个坑我见新手朋友踩过好多次了！不管你用for循环还是find()方法，结果都不对，大概率是下面几个原因之一，咱们一个个捋：

1. 最常见的错误：把比较符号写成了赋值符号 #

这绝对是Top1的原因！比如你可能写了这样的代码：

// 错误示例：用了=（赋值）而不是===（严格比较）
const nums = [1, 2, 3, 4];
function getFirstMatch(arr) {
  for (let i = 0; i < arr.length; i++) {
    if (arr[i] = 3) { // 这里是把3赋值给arr[i]，不是判断是否等于3！
      return arr[i];
    }
  }
}

// 用find()的错误版本
const match = nums.find(item => item = 3);

这里的arr[i] = 3是赋值操作，这个表达式的返回值就是3（属于「真值」），所以循环第一次执行时，条件直接成立，立刻返回被改成3的第一个元素。

正确的写法应该用严格比较运算符===（推荐，避免类型隐式转换的坑）或者宽松比较==：

// 正确示例
const nums = [1, 2, 3, 4];
function getFirstMatch(arr) {
  for (let i = 0; i < arr.length; i++) {
    if (arr[i] === 3) { // 这里是判断元素是否等于3
      return arr[i];
    }
  }
}

// find()的正确写法
const match = nums.find(item => item === 3); // 正确返回3

2. 你的条件表达式永远为真 #

如果你的判断条件是一个恒为true的表达式，那不管数组元素是什么，第一个元素都会被返回。比如：

// 错误示例：条件永远为真
const fruits = ['apple', 'banana', 'orange'];
const result = fruits.find(item => 1); // 1是真值，直接返回第一个元素'apple'

这种情况要检查你的条件逻辑是不是写错了——比如是不是误写了一个恒真的表达式，或者把判断逻辑搞反了。

3. 元素类型不匹配导致的隐性问题 #

比如你想找数字5，但数组里的元素是字符串"5"，如果用===比较会不相等，但如果不小心写成赋值=，就会出现之前的问题；或者你用了==但逻辑不符合预期：

const arr = ["1", "2", "3"];
// 错误：想找数字1，但数组元素是字符串，写成赋值的话直接返回第一个元素
const result = arr.find(item => item = 1); // 赋值后item为1，返回被修改的第一个元素

这种情况要确认你要匹配的目标值类型和数组元素类型是否一致。

小建议 #

你可以先把条件表达式单独拿出来测试，比如在控制台打印arr[0] === 你的目标值，看看返回的是true还是false，这样能快速定位问题。如果还是搞不定，把你的完整代码贴出来，大家能更快帮你找到问题所在！

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