在前端开发中，我们经常需要对数组进行操作，比如查找某个元素的下标。一般情况下，我们使用 Array.prototype.indexOf 方法来查找元素的下标。但是，这个方法有一个问题，就是它无法判断数组中是否存在 NaN 元素。如果数组中存在 NaN 元素，调用 indexOf 方法会返回一个错误的下标。
解决这个问题的方法是使用 ES7 中新增的 Array.prototype.includes 方法。这个方法可以判断数组中是否存在某个元素，包括 NaN 元素。
使用 Array.prototype.includes 方法
Array.prototype.includes 方法用于判断数组中是否包含某个元素。它的语法是：
------------------------------ -----------
其中，searchElement 是要查找的元素，fromIndex 是可选参数，表示从哪个下标开始查找。如果省略 fromIndex 参数，则从数组的第一个元素开始查找。如果指定了 fromIndex 参数，则从该下标开始查找，如果 fromIndex 是负数，则从数组的倒数第 fromIndex 个元素开始查找。
includes 方法返回一个布尔值，表示数组中是否包含指定元素。
下面是一个使用 includes 方法的例子：
----- --- - --- -- -- ----- ----------------------------- -- ---- ----------------------------- -- ----- ------------------------------- -- ----
修复 indexOf 方法的问题
由于 indexOf 方法无法判断数组中是否存在 NaN 元素，所以我们可以使用 includes 方法来代替 indexOf 方法，从而修复这个问题。
下面是一个使用 includes 方法来查找元素下标的例子：
----- --- - --- -- -- ----- ----- ----- - ----------------------- -- ------------------ ------ ------------------- -- -
这里使用了 findIndex 方法来查找数组中的 NaN 元素，findIndex 方法会返回第一个满足条件的元素的下标，如果没有找到，则返回 -1。
这个例子中，我们使用了 Object.is 方法来判断元素是否为 NaN。Object.is 方法用于比较两个值是否相等，它的比较规则与 === 运算符不同，对于 NaN 值的比较也不同。使用 Object.is 方法比较 NaN 值时，会返回 true。
总结
在处理数组时，我们经常需要查找元素的下标。如果数组中存在 NaN 元素，使用 indexOf 方法会出现问题。为了解决这个问题，我们可以使用 ES7 中新增的 includes 方法来判断数组中是否包含指定元素，从而避免使用 indexOf 方法出现问题。
使用 includes 方法来查找元素下标时，可以使用 findIndex 方法，并使用 Object.is 方法来判断元素是否为 NaN。通过这种方式，我们可以修复 indexOf 方法的问题，并且更加准确地查找元素的下标。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/660b72d8d10417a222b9a738