【ES7(2016)】Array.prototype.includes()

在 ES7 之前想判断数组中是否包含一个元素，基本可以这样写：

let array1 = [1,2,3,4,5]
console.log(array1.find(function(item) {return item === 2
}))// 或者
console.log(array1.filter(function(item) {return item === 2
}).length > 0)

ES7引入的Array.prototype.includes()方法用来判断一个数组是否包含一个指定的值，根据情况，如果包含则返回 true，否则返回false。

基本用法

const arr = ['es6', 'es7', 'es8']
console.log(arr.includes('es6')) // true
console.log(arr.includes('es9')) // false// 接收两个参数，第二个参数可选，从该索引处开始查找 searchElement。
const arr = ['es6', 'es7', 'es8']
console.log(arr.includes('es7', 1)) // true
console.log(arr.includes('es7', 2)) // false
console.log(arr.includes('es7', -1)) // false
console.log(arr.includes('es7', -2)) // true

与indexOf()比较：

['a', 'b', 'c'].includes('a') //true
['a', 'b', 'c'].indexOf('a') > -1 //trueconsole.log(arr.indexOf('es7')) // 1
console.log(arr.indexOf('es7') > -1) // true

includes只能判断简单类型的数据，对于复杂类型的数据，比如对象类型的数组，二维数组，这些是无法判断的.

const arr = [1, [2, 3], 4]
arr.includes([2, 3]) //false
arr.indexOf([2, 3]) //-1

indexOf与includes不同：

const demo = [1, NaN, 2, 3]
demo.indexOf(NaN) //-1
demo.includes(NaN) //true

如果只想知道某个值是否在数组中存在，而并不关心它的索引位置，建议使用includes()。如果想获取一个值在数组中的位置，那么只能使用indexOf方法。

【ES7(2016)】Array.prototype.includes()相关推荐

【ES7(2016)】幂运算符**
如果不使用任何函数,如何实现一个数的求幂运算? function pow(x, y) {let res = 1for (let i = 0; i < y; i++) {res *= x}retu ...
【js实例】Array类型的9个数组方法,Date类型的41个日期方法,Function类型
前文提要:[js实例]js中的5种基本数据类型和9种操作符 Array类型的9个数组方法 Array中有9个数组方法: 1.检测数组 2.转换方法 3.栈方法 4.队列方法 5.冲排序方法 6.操作方 ...
【WXS数据类型】Array
属性: 名称值类型说明 [Array].constructor [String] 返回值为"Array",表示类型的结构字符串 [Array].length [Number] ...
【ES10(2019)】Array扩展 flat / flatMap
Array.prototype.flat() flat()方法会按照一个可指定的深度递归遍历数组,并将所有元素与遍历到的子数组中的元素合并为一个新数组返回. const arr1 = [0, 1, 2 ...
【ES6(2015)】Array数组
文章目录 1. ES5 中数组遍历方式 2. ES6 中数组遍历方式 for...of 3. Array.from() 4. Array.of() 5. Array.prototype.fill() ...
【BDTC 2016】蚂蚁金服人工智能部技术总监李小龙：人工智能驱动金融生活
[CSDN现场报道]2016年12月8-10日,由中国计算机学会(CCF)主办,CCF大数据专家委员会承办,中国科学院计算技术研究所.中科天玑数据科技股份有限公司与CSDN共同协办,以"聚焦 ...
【SDCC 2016】蘑菇街、华为、阿里巴巴、58到家、同程旅游、链家网、京东的架构变迁与技术演进...
[CSDN现场报道]2016年11月18日-20日,由CSDN重磅打造的年终技术盛会 -- "2016中国软件开发者大会"(Software Developer Conferenc ...
【BDTC 2016】工业大数据助力中国制造帮助企业降本增收
[CSDN现场报道]2016年12月8-10日,由中国计算机学会(CCF)主办,CCF大数据专家委员会承办,中国科学院计算技术研究所.中科天玑数据科技股份有限公司与CSDN共同协办,以"聚焦 ...
【SDCC 2016】电商架构专题干货七连发：探秘知名电商架构最佳技术实践
[CSDN现场报道]2016年11月18日-20日,由CSDN重磅打造的年终技术盛会 -- "2016中国软件开发者大会"(Software Developer Conferenc ...

【ES7(2016)】Array.prototype.includes()

【ES7(2016)】Array.prototype.includes()相关推荐

最新文章

热门文章