JavaScript 数组 includes() 方法

JavaScript includes() 语法

includes() 是 JavaScript 数组的一个方法，它用于判断数组中是否包含某个值。

语法：

arr.includes(value, start)

说明：

includes() 方法接收以下 2 个参数。

value（必选）：表示你要查找的值。
start（可选）：表示查找的开始下标，默认值为 0。
- 当 start 省略时，表示搜索整个数组。
- 如果 start 大于或等于数组的长度，则直接返回 false，不执行搜索。
- 如果 start 是负数，则从数组末尾开始计算索引。例如，-1 表示倒数第一个元素，-2 表示倒数第二个元素，以此类推。

includes() 方法使用 “值相等比较（类似于 ===）” 来确定是否存在查找的值。与 indexOf() 方法不同，includes() 方法能正确处理 NaN 的判断。

提示: 数组和字符串都有 includes() 方法。对于字符串的 include() 方法，另请参阅：JavaScript 字符串 includes() 方法。

接下来，我们通过几个简单的例子来讲解一下 JavaScript includes() 方法是如何使用的。

const colors = ["红", "绿", "蓝"];
console.log(colors.includes("绿"));
console.log(colors.includes("green"));

运行结果如下。

true
false

const colors = ["red", "green", "blue"];
console.log(colors.includes("green"));
console.log(colors.includes("Green"));

运行结果如下。

true
false

const arr = ["Python", "C++", "Java", "Go", "Rust"];
console.log(arr.includes("Python", 2));
console.log(arr.includes("Java", -4));

运行结果如下。

false
true

分析：

arr.includes("Python", 2) 表示从下标 2 的位置（即第 3 个元素）开始搜索，而 arr.includes("Java", -4) 表示从倒数第 4 个元素（即第 2 个元素）开始搜索。

const arr = [1, 2, NaN];

console.log(arr.indexOf(NaN));
console.log(arr.includes(NaN)

运行结果如下。

-1
true

分析：

与 indexOf() 方法不同，includes() 方法能正确处理 NaN 的判断。

初学的小伙伴很容易将 includes() 和 find() 这两个方法混淆。实际上，它们存在本质上的区别。