在 JavaScript 中，Array 是一种常用的数据类型。为了方便处理数组，ES7 引入了一个新的方法：Array.prototype.includes。本文将详细讲解这个方法的用法、常见问题以及解决方案，并提供一些实用的示例代码。
1. Array.prototype.includes 方法的用法
Array.prototype.includes 方法用于判断数组是否包含某个值，返回一个布尔值。其语法如下：
arr.includes(valueToFind[, fromIndex])
其中，arr 表示要进行判断的数组，valueToFind 表示要查找的值，fromIndex 表示从数组的哪个位置开始查找。
如果查找成功，返回 true；否则返回 false。以下是一些示例代码：
const arr = [1, 2, 3]; console.log(arr.includes(2)); // true console.log(arr.includes(4)); // false console.log(arr.includes(1, 1)); // false console.log(arr.includes(3, -1)); // true
上述代码的输出结果分别是 true、false、false 和 true。其中，第一个示例表示数组 arr 中包含值为 2 的元素；第二个示例表示数组 arr 中不包含值为 4 的元素；第三个示例表示从数组的第二个位置开始查找值为 1 的元素，因此返回 false；第四个示例表示从数组的倒数第一个位置开始查找值为 3 的元素，因此返回 true。
2. Array.prototype.includes 方法的常见问题及解决方案
在使用 Array.prototype.includes 方法时，可能会遇到一些常见问题。下面列出了这些问题及其解决方案。
2.1. 如何判断数组中包含 NaN？
在 JavaScript 中，NaN 是一种特殊的数字类型。由于 NaN 与任何值都不相等（包括自身），因此需要特殊处理。
解决方案如下：
const arr = [1, NaN, 3]; console.log(arr.includes(NaN)); // true console.log(arr.findIndex((item) => Number.isNaN(item)) !== -1); // true
上述代码中，第一个示例表示数组 arr 中包含 NaN；第二个示例使用 findIndex 方法查找 NaN 所在的位置，如果返回值不为 -1，则表示数组中包含 NaN。
2.2. 如何判断数组中包含对象？
在 JavaScript 中，对象是一种常见的数据类型。当要判断一个数组是否包含某个对象时，需要特殊处理。
解决方案如下：
const arr = [{ name: "Tom" }, { name: "Jerry" }];
console.log(
arr.findIndex((item) => JSON.stringify(item) === JSON.stringify({ name: "Tom" })) !== -1
); // true上述代码中，使用 findIndex 方法查找对象所在的位置，如果返回值不为 -1，则表示数组中包含该对象。
3. 实用示例代码
下面提供一些实用的示例代码，供读者参考。
3.1. 判断数组中是否包含指定元素
const arr = [1, 2, 3];
if (arr.includes(2)) {
console.log("包含 2");
} else {
console.log("不包含 2");
}3.2. 判断数组中是否包含指定对象
const arr = [{ name: "Tom" }, { name: "Jerry" }];
if (arr.findIndex((item) => JSON.stringify(item) === JSON.stringify({ name: "Tom" })) !== -1) {
console.log("包含 { name: 'Tom' }");
} else {
console.log("不包含 { name: 'Tom' }");
}3.3. 判断数组中是否包含指定类型的元素
const arr = [1, "2", true];
if (arr.findIndex((item) => typeof item === "string") !== -1) {
console.log("包含字符串类型的元素");
} else {
console.log("不包含字符串类型的元素");
}总结
本文详细讲解了 ES7 的 Array.prototype.includes 方法的用法、常见问题及解决方案，并提供了一些实用的示例代码。希望读者可以通过本文学习到更多有关 JavaScript 数组的知识，提高自己的编程水平。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6512b02b95b1f8cacdb32d3b