JS数组中包含NaN时，includes和indexOf哪个能检测到

假设你正在处理一份由表单计算或数据接口返回的数值列表，由于某个数据计算溢出或转换失败，数组中混入了特殊数值 NaN（例如 [10, NaN, 30]）。当需要写一段条件语句判断该数组是否包含了 NaN 时，如果随意在 includes 和 indexOf 之间二选一，就可能会写出始终无法命中的隐蔽 Bug。

直接给出核心结论：Array.prototype.includes 能够成功检测到 NaN 并返回 true，而 Array.prototype.indexOf 无法检测到 NaN，无论数组中是否存在该值，始终返回 -1。

一、直观示例：代码执行与输出对比

在浏览器控制台或 Node.js 环境中执行以下代码，可以直接观察两者的返回差异：

// 声明一个包含 NaN 的数值数组
const list = [10, NaN, 30];

// 1. 使用 includes 检测
const includesResult = list.includes(NaN);
console.log("list.includes(NaN) 的结果：", includesResult);
// 示例输出：
// list.includes(NaN) 的结果： true

// 2. 使用 indexOf 检测
const indexOfResult = list.indexOf(NaN);
console.log("list.indexOf(NaN) 的结果：", indexOfResult);
// 示例输出：
// list.indexOf(NaN) 的结果： -1

从输出中可以看到，list.includes(NaN) 顺利返回了 true，准确反映了数组中存在 NaN；然而 list.indexOf(NaN) 返回了 -1，在字面语义上表示“未找到该元素”。即使我们将 NaN 显式放在数组的第一个位置（索引 0），indexOf(NaN) 依旧会返回 -1。

二、原因剖析：为什么 indexOf 找不到 NaN？

这一差异的根源并不在于数组本身，而在于 ECMAScript 规范为两个方法定义的底层比较算法不同。

Array.prototype.indexOf 是在 ECMAScript 5 (ES5) 中标准化的老牌方法。根据 ECMA-262 规范，indexOf 在比对数组元素与传入目标时，使用的是严格相等比较算法（Strict Equality Comparison），即我们在日常代码中使用的 === 运算符。

在 IEEE 754 浮点数算术标准以及 JavaScript 语言规范中，NaN（Not-a-Number）具有一个极其特殊的性质：NaN 与任何值都不相等，包括它自己：

console.log(NaN === NaN);         // 输出：false
console.log(Object.is(NaN, NaN)); // 输出：true (采用 SameValue 算法)

当 indexOf 遍历数组并移动到存储了 NaN 的索引位置时，它在内部执行比对表达式 arr[k] === target。此时由于 NaN === NaN 的结果为 false，引擎判定当前位置不匹配，并继续向后查找；遍历完所有项后依然没有匹配项，最终按照规范返回 -1。

三、includes 的内部机制：SameValueZero 算法

为了弥补 indexOf 语义模糊（既用来查位置又用来查存在性）以及无法正确识别 NaN 的缺陷，ECMAScript 2016 (ES7) 正式引入了 Array.prototype.includes。

规范中明确规定，includes 方法在遍历比对元素时，不再使用严格相等 ===，而是使用名为 SameValueZero 的比较算法。该算法的比较步骤如下：

1. 如果两个被比较值的类型不同，直接返回 false。
2. 如果被比较值都是 Number 类型：
   • 如果两个值都是 NaN，则返回 true；
   • 如果一个是 +0 另一个是 -0，则返回 true；
   • 其他情况下，数值相同返回 true，不同返回 false。
3. 对于其他基本类型或对象引用，遵循常规的同值判断规则。

正是由于 SameValueZero 算法对 NaN 做出了“视为等价”的明确规定，arr.includes(NaN) 在遍历到数组内的 NaN 时，比对结果为 true，从而立刻终止遍历并返回 true。

四、进阶场景：如果需要获取 NaN 的索引位置该怎么办？

既然 indexOf(NaN) 无法找到索引，而 includes(NaN) 只返回布尔值，那么在实际项目中如果需要拿到 NaN 所在的位置下标，应该如何处理？

正确的解决方案是使用 ES6 引入的 Array.prototype.findIndex 配合 Number.isNaN：

const list = [10, NaN, 30];

// 使用 findIndex 传递精准判断谓词
const targetIndex = list.findIndex(item => Number.isNaN(item));
console.log("NaN 所在的索引下标：", targetIndex);
// 示例输出：
// NaN 所在的索引下标： 1

五、各方法比对总结与选型指南

为了在实际开发中更加清晰地选择合适的方法，下表汇总了 JavaScript 数组常用查找方法针对 NaN 的检测能力与适用场景：

总的来说，当遇到数组中包含 NaN 时：只要判断是否存在，直接使用 arr.includes(NaN)；如果需要获取位置索引，使用 arr.findIndex(Number.isNaN)；坚决避免使用 arr.indexOf(NaN) 进行任何有效性判断。