为何Array.prototype.find查询value为3的项时返回了value为1的错误结果？

核心问题是运算符优先级错误导致find回调的判断逻辑完全失效，和值类型判断无关。

错误逻辑拆解 #

• 首先你定义的constantValueIsNumber实际值为布尔值true：数组第一个状态项的value是数字1，typeof 1 === "number"结果本身就是布尔值，你额外套的? true : false属于冗余写法，不影响值本身。
• JS中严格相等运算符===的优先级高于三元运算符?:，你写的回调函数i => i.value === constantValueIsNumber? Number("3"): "3"会被引擎解析为如下结构，和你预期的「根据value类型动态选择对比值」逻辑完全不符：

i => {
  // 先判断：当前项value是否全等于布尔值true
  const compareResult = i.value === constantValueIsNumber;
  // 无论上面的判断是true还是false，返回值要么是数字3要么是字符串"3"，二者都是Truthy（真值）
  return compareResult ? 3 : "3";
}

• Array.find()的规则是：回调返回真值就判定当前项匹配，立刻终止遍历返回当前项。遍历第一个元素（value为1的enabled项）时，1 === true结果为false，三元分支返回字符串"3"，非空字符串属于真值，因此find直接返回第一个元素，根本不会遍历到后面value为3的项，最终输出不符合预期。

修正代码 #

给三元表达式整体加括号，明确运算优先级，让相等判断的对比值根据类型动态生成即可：

const someobj = {constantValues: {status: [{value: 1, key : "enabled"},{value: 0, key: "disabled"},{value: 3, key: "archived"}]}}
const keyFilter = "status"
const constantValueIsNumber = typeof someobj.constantValues.status[0].value === "number"
// 括号包裹三元表达式，明确优先级
const val = someobj.constantValues[keyFilter].find(i => i.value === (constantValueIsNumber ? 3 : "3"))

console.log(val) // 输出 {value: 3, key: "archived"}，符合预期

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