ES7 中关于 Array.prototype.includes 的一些问题和解决方案
在ES7中，Array.prototype.includes是一个新增的方法，用于判断数组中是否包含某个元素，返回值为布尔类型。然而，在使用这个方法的过程中，我们可能会遇到一些问题。
问题一：参数类型
在使用Array.prototype.includes方法时，我们需要传入一个参数，即要查找的元素。如果传入的参数类型不是基本数据类型，而是对象或数组等复杂数据类型，会出现什么情况呢？
示例代码：
const arr = [{name: 'Tom'}, {name: 'Jerry'}];
console.log(arr.includes({name: 'Tom'})); // false上面的代码中，我们创建了一个包含两个对象的数组arr，然后使用includes方法查找数组中是否包含{name: 'Tom'}，但结果为false。这是因为，includes方法在查找元素时，使用的是严格相等（===）比较，而复杂数据类型的比较是比较的引用地址，而不是值本身。
解决方案：
如果要查找复杂数据类型的元素，我们可以使用findIndex方法，它接收一个回调函数作为参数，返回符合条件的元素的索引值。如果没有找到符合条件的元素，返回-1。
示例代码：
const arr = [{name: 'Tom'}, {name: 'Jerry'}];
const index = arr.findIndex(item => item.name === 'Tom');
console.log(index); // 0问题二：NaN的判断
在使用includes方法时，需要注意的一个问题是，它能够判断NaN，但使用的是Object.is方法，而不是普通的比较操作符。
示例代码：
console.log([NaN].includes(NaN)); // true console.log([1, 2, NaN].includes(NaN)); // true
上面的代码中，我们使用includes方法判断数组中是否包含NaN，结果为true。
但需要注意的是，Object.is方法与普通的比较操作符（如==、===）有所不同。例如，Object.is(+0, -0)返回false，而+0 === -0返回true。
解决方案：
如果需要使用普通的比较操作符判断NaN，可以使用indexOf方法，它返回元素的索引值，如果找不到该元素，返回-1。
示例代码：
console.log([NaN].indexOf(NaN) !== -1); // true console.log([1, 2, NaN].indexOf(NaN) !== -1); // true
问题三：性能问题
在处理大型数组时，使用includes方法可能会带来性能问题。因为这个方法需要遍历整个数组，直到找到目标元素或遍历完成。如果数组很大，遍历的时间就会很长。
解决方案：
如果需要在大型数组中查找元素，可以使用Set对象，它的has方法可以判断元素是否存在，而且查找速度非常快。
示例代码：
const set = new Set([1, 2, 3]); console.log(set.has(2)); // true
总结：
在使用Array.prototype.includes方法时，需要注意参数类型、NaN的判断和性能问题。如果需要查找复杂数据类型的元素，可以使用findIndex方法；如果需要使用普通的比较操作符判断NaN，可以使用indexOf方法；如果处理大型数组时，可以使用Set对象。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65f8e8d2d10417a22249cde5