ECMAScript 2016 中的 Array.includes() 方法的使用及注意事项

在 ECMAScript 2016 中，新增了 Array.includes() 方法，该方法用于判断数组中是否包含指定的元素，返回一个布尔值。

语法

array.includes(searchElement[, fromIndex])

• searchElement：要查找的元素。
• fromIndex（可选）：从该索引处开始查找元素。如果省略该参数，则从数组的第一个元素（索引位置 0）开始查找。

示例

const arr = [1, 2, 3, 4, 5];

console.log(arr.includes(3)); // true
console.log(arr.includes(6)); // false
console.log(arr.includes(2, 2)); // false
console.log(arr.includes(2, 1)); // true

注意事项

1. Array.includes() 方法是区分数据类型的，即如果要查找的元素和数组中的元素数据类型不同，结果一定是 false。

const arr = [1, 2, 3, 4, 5];

console.log(arr.includes("3")); // false

1. Array.includes() 方法返回布尔值，而不是索引值。

const arr = [1, 2, 3, 4, 5];

console.log(arr.includes(3)); // true
console.log(arr.indexOf(3)); // 2

1. Array.includes() 方法可以接受第二个参数，表示从指定索引开始查找元素。

const arr = [1, 2, 3, 4, 5];

console.log(arr.includes(2, 2)); // false
console.log(arr.includes(2, 1)); // true

1. Array.includes() 方法不能用于查找 NaN 值，因为 NaN 不等于任何值（包括自身）。

const arr = [1, 2, NaN, 4, 5];

console.log(arr.includes(NaN)); // false

总结

Array.includes() 方法是一个非常方便的方法，可以用于判断数组中是否包含指定元素。但是在使用时需要注意数据类型、返回值和查找索引等问题。我们可以根据实际需求来灵活运用该方法，提高代码效率和可读性。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/650694c495b1f8cacd25f4d0