错误：ES10 中的 Array 方法 Inludes() 有误？如何解决

错误：ES10 中的 Array 方法 Inludes() 有误？如何解决

在 ES10 中，Array.prototype.includes() 方法被引入，用于判断数组中是否包含某个元素。但是，在实际使用过程中，我们会发现这个方法并不总是按照我们的期望工作。那么，该如何解决这个问题呢？

问题描述

在使用 Array.prototype.includes() 方法时，我们可能会遇到以下问题：

1. 字符串中的特殊字符无法正确匹配

例如，我们希望判断一个字符串是否包含特殊字符“$”时，代码如下：

const str = 'hello$world'
const hasDollarSign = str.includes('$')
console.log(hasDollarSign) // false

然而，我们却得到了错误的结果。这是因为在字符串中，“$”是一个特殊字符，需要使用转义字符“\”来进行匹配。因此，正确的代码应该改为：

const str = 'hello$world'
const hasDollarSign = str.includes('\$')
console.log(hasDollarSign) // true

1. 数组中的 NaN 值无法正确匹配

在判断数组中是否包含 NaN 值时，我们可能会遇到以下问题：

const arr = [1, 2, NaN, 4]
const hasNaN = arr.includes(NaN)
console.log(hasNaN) // false

然而，我们却得到了错误的结果。这是因为在 JavaScript 中，NaN 不等于任何值，包括它本身。因此，我们需要使用 Number.isNaN() 方法来进行判断：

const arr = [1, 2, NaN, 4]
const hasNaN = arr.some(Number.isNaN)
console.log(hasNaN) // true

解决方法

为了解决以上问题，我们可以使用如下方法：

1. 使用正则表达式进行字符串匹配

如果我们需要在字符串中匹配特殊字符，可以使用正则表达式来进行匹配：

const str = 'hello$world'
const hasDollarSign = /\$/.test(str)
console.log(hasDollarSign) // true

1. 使用 Number.isNaN() 方法进行 NaN 值匹配

如果我们需要在数组中匹配 NaN 值，可以使用 Number.isNaN() 方法来进行匹配：

const arr = [1, 2, NaN, 4]
const hasNaN = arr.some(Number.isNaN)
console.log(hasNaN) // true

总结

ES10 中的 Array.prototype.includes() 方法是一个非常实用的方法，但在实际使用过程中，我们需要注意特殊字符的转义和 NaN 值的匹配问题。通过本文的介绍，相信读者已经了解了如何解决这些问题。在实际开发中，我们应该注意代码的规范和正确性，避免出现类似的错误。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/656dcda7d2f5e1655d60cb4f