ES7 中 Array.prototype.includes 方法的使用示例

ES7 中 Array.prototype.includes 方法的使用示例

在现代的前端开发中，数组是非常常见的数据结构之一。ECMAScript 2016（ES7）则增加了一个叫做 Array.prototype.includes 的新方法。

本文将向大家介绍该方法的使用，同时也会提供一些实际的示例，以及深度的讨论，帮助读者更好地了解该方法的优点和缺点。

一、 Array.prototype.includes 的简介

Array.prototype.includes 方法主要用来判定数组中是否含有某一特定的元素，其接受一个参数，即待判断的元素。如果数组中包含该元素，则该方法将返回布尔值 true，否则该方法将返回 false。该方法返回的布尔值由该特定元素的类型和数组中的值的类型所决定。

二、 Array.prototype.includes 方法的常用示例

下面是 Array.prototype.includes 方法的常用示例：

1. 确定数组是否包含一个元素

const arr = [1, 2, 3];
const hasElement = arr.includes(2);

console.log(hasElement); // true

在上述示例中，使用 Array.prototype.includes 方法判断数组 arr 是否包含元素 2，其结果为 true。

1. 确定数组中是否包含一个字符串

const arr = ['hello', 'world', 'world'];

console.log(arr.includes('world')); // true
console.log(arr.includes('hi')); // false

在上述示例中，使用 Array.prototype.includes 方法判断数组 arr 是否包含字符串 'world'，其结果为 true。同时，其也可以判断数组中是否包含字符串 'hi'，其结果为 false。

1. 使用 includes 方法的安全模式

const arr = ['hi', 'there'];

if (arr.includes('hi')) {
  // do something
}

在上述示例中，使用 Array.prototype.includes 方法，在 if 语句中判断数组 arr 是否包含字符串 'hi'。当前示例中，if 语句的条件为 true，因此其中的代码将被执行。

三、 Array.prototype.includes 方法的优点和缺点

优点：

• 语法简单、直观；
• 可以返回布尔值，方便使用；

缺点：

• 该方法只能用于数组，不能用于其他数据结构；
• 该方法不能对复杂的数据类型进行判断，例如数组对象、 NaN 等；

四、 总结

在前端开发中，Array.prototype.includes 方法是一个非常实用的方法。在实际的开发中，我们最常用该方法来判断一个数组中是否包含某一个特定的元素。同时，该方法也具有一定的局限性，例如通过该方法不能判断复杂的数据类型，如数组对象、NaN 等。

在使用该方法的时候，需要认真审视其优缺点，并对其局限性做出充分的考虑。同时，我们也可以通过深度的学习和研究，发现其在实际应用中更多的优势和不足。

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