前言
在前端开发中,数组的使用非常重要。我们常常需要在数组中查找某个元素是否存在。在 ES5 中,我们通常使用 array.indexOf()
方法来实现这一功能。但是,这种方法并不友好,因为它返回的是元素在数组中的位置,如果元素不存在,则返回 -1。
ES7 中新增了一个 array.includes()
方法来解决这个问题。本文将详细介绍这个新特性的使用方法和指导意义,并提供一些示例代码。
使用方法
array.includes()
方法可以检查一个数组中是否包含某个元素,其返回值为布尔类型。如果存在,则返回 true
,否则返回 false
。该方法的语法如下:
------------------------------ -----------
其中,searchElement
是要查找的元素,fromIndex
是一个可选参数,表示从哪个位置开始查找。如果不传递该参数,则表示从数组的第一个元素开始查找。如果传递了该参数,则从指定的位置开始查找。
指导意义
使用 array.includes()
方法可以让我们更加方便地判断一个元素是否存在于数组中,避免了使用 array.indexOf()
方法返回位置的耗时和繁琐。同时,由于 array.includes()
方法返回的是布尔类型,代码逻辑更加清晰易懂。
实例
下面是一些使用 array.includes()
方法的示例代码。
基本用法
----- ------ - ------- -------- -------- -------------------------------------- -- ---- --------------------------------------- -- -----
从指定位置开始查找
----- ------ - ------- -------- -------- ------------------------------------ ---- -- ---- ---------------------------------- ---- -- ----- ----------------------------------- ----- -- ----
与条件语句结合使用
----- ------ - ------- -------- -------- -- -------------------------- - ---------------- ----- -------- --------- - ---- - ---------------- ----- ---- --- ------- --------- -
总结
array.includes()
方法是 ES7 中新增的一个方便易用的数组方法,可以帮助我们更加快速地判断一个元素是否存在于数组中。它不仅提高了代码可读性,而且也提高了代码的效率与性能。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/647051c8968c7c53b0e72dfc