ES7 中的 includes() 方法的用法及示例
随着 JavaScript 的不断发展，新版本中也增加了很多方便开发者的新特性。在 ES7 中，我们迎来了一个全新的方法：includes()。这个方法是针对数组操作的，它的功能是判断一个数组是否包含某个特定的元素值，并返回布尔值。
本文将详细介绍 includes() 的用法，包括语法、返回值以及示例代码，帮助开发者学习和掌握这个方法的使用，从而使开发更加高效。
语法
includes() 是数组的一个方法，可以用于判断一个数组是否包含指定的元素值，具体语法如下：
array.includes(searchElement[, fromIndex])
其中，searchElement 表示要搜索的元素值，fromIndex 表示搜索的起始位置，默认值为 0。
返回值
includes() 方法返回一个布尔值，表示被搜索的元素是否在数组中出现过。如果存在，返回 true，不存在，返回 false。
示例代码
下面是该方法在实际应用中的一些示例代码。
- 检查字符串是否包含指定的字符
includes() 方法可以用于检查一个字符串是否包含指定的字符，例如下面的示例代码：
let str = 'Hello, world!';
console.log(str.includes('Hello')); // true
console.log(str.includes('hello')); // false
console.log(str.includes('world')); // true
console.log(str.includes('World')); // false- 检查数组是否包含指定的元素值
以下是一个示例代码，用于检查一个数组中是否包含指定的元素值：
let arr = ['apple', 'banana', 'orange', 'pear'];
console.log(arr.includes('apple')); // true
console.log(arr.includes('orange')); // true
console.log(arr.includes('grape')); // false
console.log(arr.includes('Apple')); // false- 检查一个字符串是否包含另一个字符串
如果需要检查一个字符串是否包含另一个字符串，可以利用 includes() 方法，例如下面的示例代码：
let str1 = 'apple'; let str2 = 'app'; console.log(str1.includes(str2)); // true
- 检查一个数值数组是否包含指定的数值
以下是一个示例代码，用于检查一个数值数组中是否包含指定的数值：
let nums = [1, 2, 3, 4, 5]; console.log(nums.includes(1)); // true console.log(nums.includes(6)); // false
注意事项
- includes() 方法区分大小写，如果需要忽略大小写，需要进行字符大小写转换。
- 在比较数组元素时，除了数字、字符串以外，其他类型的元素需要进行类型转换后再进行比较。
- fromIndex 参数表示的是搜索的起始位置，这个参数可以为负数。如果为负数，则从数组末尾开始搜索。
总结
本文介绍了 ES7 中的 includes() 方法的用法及示例。includes() 方法可以用于检查字符串、数组、数值数组等类型的数据是否包含指定的元素值，从而方便开发者进行条件判断，提高代码的效率。在实际开发中，开发者可以充分利用 includes() 方法，简化代码，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/654a36cd7d4982a6eb45dad7