ES8 标准中 Array.prototype.includes 方法的使用及其示例

在前端开发中，我们经常需要处理数组，而在 ES8 标准中，增加了一个新的数组方法——Array.prototype.includes，用于判断数组中是否包含指定值。本文将详细介绍该方法的使用及其示例，帮助你更好地掌握它的使用方法。

Array.prototype.includes 方法的语法

该方法的语法如下：

array.includes(searchElement[, fromIndex])

其中，array 表示当前数组对象，searchElement 表示要查找的元素，fromIndex 是一个可选参数，表示查找起始位置，默认为 0。

Array.prototype.includes 方法的返回值

该方法的返回值为一个布尔值，表示当前数组是否包含指定元素。

Array.prototype.includes 方法的示例

下面是使用该方法的示例代码：

const arr = [1, 2, 3, 'a', 'b', 'c'];

console.log(arr.includes(1));    // true
console.log(arr.includes('a'));  // true
console.log(arr.includes('d'));  // false

上述示例中，我们定义了一个包含数字和字符串的数组 arr，然后分别使用 includes 方法，判断了数组中是否包含指定的数值或字符串，并输出了结果。

同时，fromIndex 参数的使用也非常灵活，可以指定起始位置来查找数组中的元素。下面的示例代码演示了该方法的更多用法：

const arr = ['a', 'b', 'c'];
console.log(arr.includes('a', 1));  // false，因为从1位置开始查找，找不到元素 a
console.log(arr.includes('b', 1));  // true，从1位置开始查找，找到元素 b
console.log(arr.includes('c', -1)); // true，从倒数第一个位置开始查找，找到元素 c

Array.prototype.includes 方法的指导意义

Array.prototype.includes 是 ES8 标准中新增的一个方法，与 ES7 标准中的 Array.prototype.find 和 Array.prototype.findIndex 方法类似，都是为了更好地处理数组。相比于 ES5 标准中的 Array.prototype.indexOf 方法，includes 方法更加语义化，代码更加简洁。在实际开发中，我们需要根据场景选择适合的方法来处理数组，从而提高开发效率。

此外，值得注意的是，该方法只能用于判断是否包含元素，而不能用于查找元素在数组中的具体位置。如果需要查找元素在数组中的位置，应该使用 Array.prototype.findIndex 方法。

总结

通过本文的介绍，我们可以看到 Array.prototype.includes 方法的使用方法及其示例，并理解了该方法的指导意义。希望本文能够帮助大家更好地掌握这个方法的使用，提高开发效率。

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