在前端开发中,我们经常会用到数组的操作。而 ES2016(ES7) 推出了一个新的数组方法 Array.prototype.includes
,可以方便地检查一个数组是否包含某个值。本文将介绍这个新特性的详细用法,并提供示例代码。
用法
Array.prototype.includes
方法用于判断一个数组中是否包含某个值,如果包含则返回 true,否则返回 false。
该方法的语法如下:
Array.prototype.includes(value[, fromIndex])
参数说明:
value
:必填,要在数组中查找的值。fromIndex
:可选,搜索起始位置的索引。如果省略或不是数值,则默认从数组头部开始搜索。如果超出数组界限,则从数组末尾开始搜索。
该方法返回值有两种情况:
- 包含该值,则返回
true
。 - 不包含该值,则返回
false
。
示例:
const arr = ['apple', 'banana', 'orange']; console.log(arr.includes('apple')); // true console.log(arr.includes('grape')); // false console.log(arr.includes('banana', 1)); // false console.log(arr.includes('orange', -1)); // true
上述示例中,arr.includes('apple')
返回 true
,因为数组中包含 'apple'
这个值。arr.includes('grape')
返回 false
,因为数组中不包含 'grape'
这个值。arr.includes('banana', 1)
返回 false
,因为从索引为 1 的位置开始向后搜索,不包含 'banana'
这个值。arr.includes('orange', -1)
返回 true
,因为从索引为 -1 的位置开始向后搜索,可以找到 'orange'
这个值。
深度学习和指导意义
Array.prototype.includes
是一个简单而实用的数组方法,不过需要注意的是,它只能用于检查数组中是否包含某个值,不能用于比较两个值是否相等。如果需要比较两个值是否相等,可以使用 ===
运算符。
该方法在实际开发中特别适用于判断某个元素是否存在于一个数组中。在很多场景中,开发者都需要对数组中的元素进行遍历或查找。使用 Array.prototype.includes
可以大大简化代码,让其更加优雅、简洁。
总结
本文介绍了 ES2016(ES7) 的新特性之 Array.prototype.includes 的用法。该方法可以方便地检查一个数组是否包含某个值。需要注意的是,它只能用于检查数组中是否包含某个值,不能用于比较两个值是否相等。该方法在实际开发中特别适用于判断某个元素是否存在于一个数组中。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/651e324a95b1f8cacd5e038a