最近有一些开发者在使用 Array.includes 方法时发现了一些奇怪的问题。这些问题看起来像是 Array.includes 方法出现了 bug，但实际上并非如此。在本文中，我们将探讨这些问题的原因，并提供一些解决方案。
问题描述
在使用 Array.includes 方法时，开发者发现在某些情况下方法返回了错误的结果。例如，当使用以下代码时：
const arr = [1, 2, 3];
console.log(arr.includes(1)); // true
console.log(arr.includes('1')); // false在这个例子中，开发者期望第二个 console.log 返回 true，因为字符串 '1' 在数组中存在。然而，实际上返回的结果是 false。这种情况下，开发者很容易认为 Array.includes 方法出现了 bug。
问题原因
实际上，这个问题的原因是因为 Array.includes 方法在比较数组元素和搜索值时使用了严格相等运算符（===）。这意味着在比较时，类型和值必须完全匹配才能返回 true。
在我们的例子中，虽然数字 1 和字符串 '1' 的值相同，但它们的类型不同。因此，Array.includes 方法返回 false。
解决方案
为了解决这个问题，我们需要确保在比较时使用相同的类型。一种解决方案是将搜索值转换为与数组元素相同的类型。例如，我们可以使用 Number() 函数将字符串转换为数字：
const arr = [1, 2, 3];
console.log(arr.includes(1)); // true
console.log(arr.includes(Number('1'))); // true在这个例子中，我们使用 Number() 函数将字符串 '1' 转换为数字 1。现在，Array.includes 方法返回了预期的结果 true。
另一种解决方案是使用 Array.findIndex 方法来查找元素。这个方法接受一个回调函数作为参数，并返回数组中第一个符合条件的元素的索引。我们可以使用这个方法来比较类型和值：
const arr = [1, 2, 3]; console.log(arr.findIndex(element => element === '1') !== -1); // true
在这个例子中，我们使用 Array.findIndex 方法来查找值为 '1' 的元素。回调函数中我们使用严格相等运算符来比较元素和搜索值。如果找到了符合条件的元素，则返回它的索引，否则返回 -1。我们可以检查返回值是否等于 -1 来确定是否找到了元素。
结论
Array.includes 方法在比较元素和搜索值时使用了严格相等运算符（===）。这意味着在比较时，类型和值必须完全匹配才能返回 true。如果我们需要比较不同类型的值，我们需要将它们转换为相同的类型，或者使用 Array.findIndex 方法来比较类型和值。希望本文能够帮助你更好地理解 Array.includes 方法，并解决使用它时遇到的问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/672619852e7021665e1983e2