Array.prototype.includes():
includes()作用,是查找一个值在不在 数组里,若是存在则返回true,不存在返回false
1.基本用法:
['a', 'b', 'c'].includes('a') // true
['a', 'b', 'c'].includes('d') // false
![](https://i-blog.csdnimg.cn/blog_migrate/85ec3ff396ef1882bd22e3204db3ee7f.png)
2.接收俩个参数:要搜索的值和搜索的开始索引
['a', 'b', 'c', 'd'].includes('b') // true
['a', 'b', 'c', 'd'].includes('b', 1) // true
['a', 'b', 'c', 'd'].includes('b', 2) // false
![](https://i-blog.csdnimg.cn/blog_migrate/cd44627be303a86154798cd4a6319964.png)
3.与ES6中的indexOf()比较
有些时候是等效的
['a', 'b', 'c'].includes('a') //true
['a', 'b', 'c'].indexOf('a') > -1 //true
var arr = [1, 2, 3]
var a = 1;
arr.includes(a) //true
arr.indexOf(a) //0
![](https://i-blog.csdnimg.cn/blog_migrate/36e64eae4679871771513bd768ebf0e7.png)
在判断 +0 与 -0 时,被认为是相同的。
[1, +0, 3, 4].includes(-0) //true
[1, +0, 3, 4].indexOf(-0) //1
![](https://i-blog.csdnimg.cn/blog_migrate/3418488cbb38281af2e9132c7e44ed1c.png)
只能判断简单类型的数据,对于复杂类型的数据,比如对象类型的数组,二维数组,这些,是无法判断的。
var arr = [1, [2, 3], 4]
arr.includes([2, 3]) //false
arr.indexOf([2, 3]) //-1
![](https://i-blog.csdnimg.cn/blog_migrate/62cf153e3ee78ebde05bb342bb481869.png)
4.优缺点比较
简便性:includes()返回的是布尔值,能直接判断数组中存不存在这个值,而indexOf()返回的是索引,这一点上前者更加方便
精确性:两者都是采用===的操作符来作比较的,不同之处在于:对于NaN的处理结果不同。我们知道js中NaN === NaN的结果是false,indexOf()也是这样处理的,但是includes()不是这样的。
let demo = [1, NaN, 2, 3]
demo.indexOf(NaN) //-1
demo.includes(NaN) //true
![](https://i-blog.csdnimg.cn/blog_migrate/344a1658782442cb6e3ef50197f0c5b1.png)