在 ES7 中，引入了 es2016 中的 Array.prototype.includes() 方法，该方法可以用于判断一个数组是否包含某个特定的元素。然而，在实际使用过程中，我们可能会遇到一些问题，本文将详细介绍这些问题以及解决方法。
问题一：不支持 IE 浏览器
Array.prototype.includes() 方法是在 es2016 中引入的，而 es2016 是在 ES7 中才被支持的。因此，如果我们在使用该方法时，需要注意浏览器的兼容性问题。
目前，该方法不支持 IE 浏览器，如果我们需要在 IE 浏览器中使用该方法，我们可以使用 polyfill 或者使用其他的库来实现该功能。
问题二：无法判断 NaN
在 JavaScript 中，NaN 是一个特殊的值，它表示 Not a Number。然而，当我们使用 Array.prototype.includes() 方法来查找 NaN 时，会发现该方法无法正确的判断 NaN。
例如，下面的代码会输出 false：
const arr = [1, 2, NaN]; console.log(arr.includes(NaN)); // false
这是因为在 JavaScript 中，NaN 与任何值都不相等（包括它自己），因此，我们需要使用特殊的方法来判断 NaN。
解决方法是使用 Number.isNaN() 方法来判断 NaN，例如：
const arr = [1, 2, NaN]; console.log(arr.some(Number.isNaN)); // true
问题三：无法判断对象
当我们使用 Array.prototype.includes() 方法来查找对象时，会发现该方法无法正确的判断对象。例如，下面的代码会输出 false：
const arr = [{ name: 'Tom' }, { name: 'Jerry' }];
console.log(arr.includes({ name: 'Tom' })); // false这是因为在 JavaScript 中，对象是引用类型，当使用 includes() 方法来查找对象时，它会判断对象的引用地址是否相同，而不是对象的值是否相等。
解决方法是使用 find() 或者 some() 方法来查找对象，例如：
const arr = [{ name: 'Tom' }, { name: 'Jerry' }];
console.log(arr.find(item => item.name === 'Tom')); // { name: 'Tom' }总结
在 ES7 中，Array.prototype.includes() 方法是一个非常实用的方法，可以用于判断一个数组是否包含某个特定的元素。然而，在实际使用过程中，我们需要注意浏览器的兼容性问题，以及一些特殊情况的处理。通过本文的介绍，相信大家已经掌握了使用该方法的技巧和方法，可以更加灵活地应用到实际开发中。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/658a61a0eb4cecbf2df92847