ES8 中的数组的 includes 方法使用详解

在 ES8 中,新增了一个数组方法 includes,它可以用来判断一个数组是否包含某个元素。这个方法的使用非常简单,但是在实际开发中,我们需要深入了解它的用法,才能更好地使用它。

includes 方法的语法

includes 方法的语法如下:

---------------------------- -----------

其中,array 表示要进行查找的数组,valueToFind 表示要查找的元素,fromIndex 是可选参数,表示从哪个位置开始查找。

includes 方法的返回值

includes 方法返回一个布尔值,表示数组是否包含指定元素。如果包含,则返回 true,否则返回 false。

includes 方法的使用

下面是 includes 方法的使用示例:

----- --- - --- -- -- -- ---

----------------------------- -- ----
----------------------------- -- -----

在这个示例中,我们定义了一个数组 arr,然后使用 includes 方法判断数组是否包含元素 3 和 6。其中,第一个判断返回 true,第二个判断返回 false。

includes 方法的注意事项

在使用 includes 方法时,需要注意以下几点:

  1. includes 方法是区分类型的,即它会使用全等(===)比较元素和数组中的元素是否相等。因此,如果要查找的元素和数组中的元素类型不同,返回的结果将会是 false。
----- --- - --- -- -- -- ---

------------------------------- -- -----
  1. includes 方法可以接受第二个参数 fromIndex,表示从哪个位置开始查找。如果 fromIndex 大于或等于数组的长度,返回 false。如果 fromIndex 是负数,则从数组的末尾开始计算,即 fromIndex = -1 表示从数组的最后一个元素开始查找。
----- --- - --- -- -- -- ---

--------------------------- ---- -- ----
--------------------------- ---- -- -----
--------------------------- ----- -- -----

在这个示例中,我们使用 includes 方法从数组的第三个元素开始查找元素 3,返回 true;从数组的第四个元素开始查找元素 3,返回 false;从数组的最后一个元素开始查找元素 1,返回 false。

includes 方法的指导意义

includes 方法的出现,使得我们可以更加方便地判断一个数组是否包含某个元素,提高了代码的可读性和可维护性。在实际开发中,我们可以将 includes 方法和其他数组方法结合使用,编写出更加简洁优雅的代码。

比如,我们可以使用 includes 方法和箭头函数来查找数组中的偶数元素:

----- --- - --- -- -- -- ---

----- ---- - --------------- -- ---- - - --- ---

------------------------------ -- ----
------------------------------ -- -----

在这个示例中,我们使用 filter 方法过滤出数组中的偶数元素,并使用 includes 方法判断数组中是否包含元素 2 和 3。其中,第一个判断返回 true,第二个判断返回 false。

结论

includes 方法是 ES8 中新增的一个数组方法,可以用来判断一个数组是否包含某个元素。它的使用非常简单,但是需要注意的细节也很多。在实际开发中,我们可以将 includes 方法和其他数组方法结合使用,编写出更加简洁优雅的代码。

来源:JavaScript中文网 ,转载请注明来源 本文地址:https://www.javascriptcn.com/post/673327620bc820c58240cfd3