随着 JavaScript 的发展,新的语言特性和 API 越来越多,其中一个重要的特性就是 ES7 中新增的 Array.prototype.includes() 方法,它可以帮助我们更方便地检查数组中是否包含某个元素。在本文中,我们将深入了解该方法的使用和示例。
Array.prototype.includes() 方法
Array.prototype.includes()
是 ES7 中新增的方法,用于判断一个数组是否包含指定的值,如果包含则返回 true
,否则返回 false
。该方法接收两个参数:
searchElement
:要查找的元素。fromIndex
(可选):从该索引开始搜索元素。如果该值为负数,则表示从末尾开始搜索的索引值。
返回值为布尔值,表示数组是否包含指定的元素。
使用示例
现在让我们来看一些实际的例子来深入了解该方法的使用。
示例一:判断数组中是否包含某个值
以下代码演示了如何使用 Array.prototype.includes()
方法来判断一个数组中是否包含指定的值:
const arr = ['apple', 'banana', 'orange']; console.log(arr.includes('apple')); // true console.log(arr.includes('pear')); // false
示例二:搜索从指定位置开始的元素
以下代码演示了如何在一个数组中搜索从指定位置开始的元素:
const arr = ['apple', 'banana', 'orange']; console.log(arr.includes('apple', 1)); // false console.log(arr.includes('banana', 1)); // true
示例三:处理 NaN 和 undefined
以下代码演示了如何使用 Array.prototype.includes()
方法来处理数组中的 NaN
和 undefined
:
const arr = [1, 'hello', NaN, undefined]; console.log(arr.includes(NaN)); // true console.log(arr.includes(undefined)); // true
在操作 NaN
的时候,需要注意到 JavaScript 中的 NaN
不等于任何值,甚至不等于其自身。因此,使用 indexOf
方法来查找 NaN
时会得到错误的结果,而 Array.prototype.includes()
方法则可以正确返回 true
。
总结
Array.prototype.includes()
方法是 ES7 新增加的一个数组方法,可以帮助我们更方便地检查数组中是否包含某个元素。在本文中,我们了解了该方法的使用和一些示例代码,希望这些内容能够对你在日常开发中的工作和学习产生帮助。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/65a08f55add4f0e0ff8d5cf5