在 ES7 中，我们得到了一个非常有用的方法，即 Array.prototype.includes()。该方法可用于判断一个数组是否包含某个指定的元素并返回 true 或 false。它与传统的 Array.prototype.indexOf() 方法相比具有许多优点。在本文中，我们将深入分析这个方法并提供实用的应用示例。
定义
下面是 Array.prototype.includes() 方法的语法：
---------------------------- -----------
arr：必需。要检索的数组对象。searchElement：必需。要查找的元素值。fromIndex：可选。从该索引处开始查找searchElement。如果省略该参数，则从数组的开头进行查找。
返回值
该方法返回一个布尔值：
- 如果数组包含要查找的元素，返回
true。 - 如果数组不包含要查找的元素，返回
false。
示例
下面是一个简单的使用示例：
----- --- - --------- --------- ---------- ------------------------------------ -- ---- ----------------------------------- -- -----
我们从数组中查找 banana 和 grape 两个元素，第一个元素存在于数组中，所以返回 true。第二个元素不存在于数组中，返回 false。
下面是一个包含 fromIndex 参数的示例：
----- --- - --------- --------- ---------- ---------------------------------- ---- -- ---- ---------------------------------- ---- -- -----
在第一次查找中，我们将 fromIndex 设置为 1，所以 banana 从数组的第二个位置开始查找，返回 true。在第二次查找中，我们将 fromIndex 设置为 2，所以 orange 从数组的第三个位置开始查找，但数组的末尾只有三个元素，没有第四个元素，因此返回 false。
应用
在我们的日常工作中，使用 Array.prototype.includes() 可提高我们的效率。下面是几个实用的应用示例：
查找字符串中是否包含某个单词
----- --------- - ---- ----- ----- --- ----- ---- --- ---- ------ --------------------------------------- -- ---- --------------------------------------- -- -----
这个例子是在一个字符串中检查是否包含某个词。通过使用 Array.prototype.includes() 方法，我们需要更少的代码来实现这个功能。
检查是否有重复元素
----- --- - --------- --------- --------- --------- --------- ------------------------------------ -- ---- ----------------------------------- -- -----
在这个示例中，我们想知道数组中是否有重复的元素。我们只需使用 Array.prototype.includes() 方法查找每个元素，结果会指示该元素是否已经出现在数组中。
判断某个元素是否存在后再进行其他操作
----- --- - --------- --------- ---------- -- ----------------------- - -- -------- ------------------------ -
在这个示例中，我们要对数组中的元素进行某些操作之前，需要先检查该元素是否存在。Array.prototype.includes() 可以在我们执行其他操作之前检查是否存在。
结论
Array.prototype.includes() 方法是 ES7 中一组非常实用并且易于使用的方法之一。它提供了一个简便的方式来检查一个数组是否包含某个元素并返回结果。本文讨论了这个方法的定义，返回值和示例，以及如何在日常工作中正确地应用它。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6710c455ad1e889fe2fbf027