js 中includes用法

js 中includes用法

在 JavaScript 中，includes 是一个用来判断数组或者字符串中是否包含某个指定元素的方法。它返回一个布尔值，表示是否找到了指定元素。在本文中，我们将详细讨论 includes 方法的用法和示例。

数组中的includes方法

首先让我们来看看如何在数组中使用 includes 方法。语法如下：

array.includes(element, start)

• array：要搜索的数组
• element：要查找的元素
• start（可选）：搜索的起始位置，默认为 0

includes 方法会从数组的指定起始位置开始往后搜索，如果找到指定元素就返回 true，否则返回 false。下面是一个简单的示例：

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

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

上面的代码首先定义了一个水果数组 fruits，然后分别使用 includes 方法来查找 'apple'、'pear' 和 'banana'，并输出。可以看到，'apple' 存在于数组中，所以第一个结果为 true；'pear' 不存在于数组中，所以第二个结果为 false；'banana' 存在于数组中，但是指定了起始位置 2，所以从第 2 个位置开始往后查找，找不到返回 false。

字符串中的includes方法

除了数组之外，includes 方法也可以用在字符串上。它用来判断一个字符串是否包含另一个字符串，同样返回布尔值。语法和数组中的类似：

str.includes(searchString, position)

• str：要搜索的字符串
• searchString：要查找的子字符串
• position（可选）：搜索的起始位置，默认为 0

下面是一个示例：

const sentence = 'The quick brown fox jumps over the lazy dog';

console.log(sentence.includes('brown')); // true
console.log(sentence.includes('yellow')); // false
console.log(sentence.includes('lazy', 20)); // true

这段代码定义了一个句子字符串 sentence，然后使用 includes 方法来查找 'brown'、'yellow' 和 'lazy' 这三个子字符串，并输出。可以看到，'brown' 存在于句子中，所以第一个结果为 true；'yellow' 不存在于句子中，所以第二个结果为 false；'lazy' 存在于句子中，且指定了起始位置 20，所以从第 20 个字符开始往后查找，找到返回 true。

includes方法的应用场景

includes 方法在日常开发中有很多应用场景，下面列举了一些常见的用法：

1. 搜索功能：在搜索框中根据用户输入的关键词来实现实时搜索功能。

2. 过滤功能：根据给定条件来过滤数组或者字符串中的元素。

3. 权限校验：判断用户是否有权限来执行某个操作。

注意事项

在使用 includes 方法时，需要注意以下几点：

• 如果数组中包含对象，则无法通过 includes 来比较对象是否相等，因为它比较的是引用地址。可以通过其他方法，如 find 或者 some 来实现对对象的比较。

• 对于字符串的搜索，includes 方法区分大小写，如果要忽略大小写，可以先将字符串转换为统一大小写再进行比较。

总结

本文详细介绍了 JavaScript 中 includes 方法的用法和示例。无论是数组还是字符串，includes 都是一个非常实用的方法，可以方便地判断一个元素或者子字符串是否存在。在实际开发中，合理使用 includes 方法可以提高代码的效率和可读性。