简介
ES7是 ECMAScript 的第七个版本,自从 2016 年发布以来,它为 JavaScript 带来了很多新的特性。Array.prototype.includes就是其中之一,它是一个用于判断一个数组是否包含某个特定的值的新方法。
在过去,开发者们通常使用 Array.prototype.indexOf 来查找数组中是否存在某个项。但是,indexOf 方法在查找时需要进行循环遍历,如果数组中的元素比较多的话,效率就会变得非常低。
相比于 indexOf 方法,includes 的查找速度更快,且代码更加易读和简便。
使用方法和示例
includes 方法是一个布尔类型的返回值,它将判断一个数组是否包含了某个值。与 indexOf 方法的返回值不同,indexOf 返回的是匹配项的索引,如果数组中不存在该项,则返回 -1。
includes 接受两个参数:第一个是需要查找的值,第二个是可选的起始索引。
下面是一个使用 includes 方法的示例:
----- ------ - --------- --------- ---------- --------------------------------------- -- ---- ------------------------------------- -- -----
在以上的代码中,我们首先定义了一个数组 fruits。然后我们使用 includes 方法判断了 fruits 数组中是否包含了 'orange',并且它确实包含了该值,方法返回 true。接着,我们再次使用 includes 方法判断了 fruits 数组中是否包含了 'pear',但是它并没有包含该值,因此返回 false。
你还可以通过使用第二个参数来在指定位置开始搜索:
----- ------ - --------- --------- ---------- ------------------------------------ ---- -- ----- ------------------------------------- ---- -- ----
在以上的代码中,第一个 includes 方法的第二个参数为 1,它指定了从索引 1 开始搜索。因此返回值为 false,因为 'apple' 不在搜索的范围内。第二个 includes 方法的第二个参数为 1,它同样从索引 1 开始搜索,但是 'banana' 存在于搜索的范围内,返回值为 true。
指导意义
includes 方法不仅是一个便捷的方法,也是一种更加清晰和易读的方式来判断一个值是否在数组中存在。
它可以大大简化代码和提高执行效率。对于开发者来说,它可以使代码更加可靠,并且可以减少错误的发生。如果你还在使用 indexOf,那么你应该尝试使用 includes,它可以使你的代码更加优雅。
总结
本文介绍了 ES7 中 Array.prototype.includes 方法的使用。我们探讨了如何使用该方法来判断数组中是否包含了某个值,以及如何使用第二个参数指定搜索的起始位置。
includes 是一个非常强大且实用的工具,它可以比 indexOf 更快,更清晰地判断数组中是否包含某个值。使用 includes 可以使代码更加优雅和可读,这使它成为了一个必备的 JavaScript 方法。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/647495b5968c7c53b01ebc54