JavaScript中的.includes()|极客笔记

JavaScript中的.includes()

JavaScript中的.includes()方法是用来判断一个数组是否包含指定的元素。这个方法返回一个布尔值，表示数组是否包含指定元素。.includes()方法不会改变原数组。

.includes()方法的语法如下：

array.includes(element, start)

让我们通过一个示例来演示.includes()方法的使用：

const fruits = ['apple', 'banana', 'orange', 'kiwi'];

console.log(fruits.includes('apple')); // true
console.log(fruits.includes('pear')); // false

在这个示例中，我们首先定义了一个包含四种水果的数组fruits。然后我们通过.includes()方法判断数组是否包含’apple’和’pear’这两种水果，分别输出了true和false。

我们也可以指定开始查找的位置：

const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

console.log(numbers.includes(5, 3)); // true
console.log(numbers.includes(5, 7)); // false

在这个示例中，我们定义了一个包含1到10的数字的数组numbers。然后我们通过.includes()方法指定了开始查找的位置分别为3和7，以判断数组中是否包含数字5。输出分别为true和false。

.includes()方法对NaN的处理：

.includes()方法在查找NaN时，会将数组中的每个元素与NaN进行严格相等性比较（即使用===进行比较），因此会得到预期的结果：

const array = [1, NaN, 'javascript', NaN];

console.log(array.includes(NaN)); // true

在这个示例中，我们定义了一个包含数字1、NaN、字符串’javascript’、NaN的数组array。然后我们通过.includes()方法查找数组中是否包含NaN，输出为true。

.includes()方法是ECMAScript 6中新增的方法，因此在一些较旧的浏览器中可能不被支持。若需要兼容性，可以使用第三方库或者自行实现includes()方法的逻辑。

.includes()方法是一个非常方便的方法，可以快速判断数组中是否包含指定的元素。通过本文的介绍，相信读者已经对.includes()方法有了更深入的了解。