ES7 Array.prototype.includes()详解

healer-

于 2021-09-28 10:49:50 发布

阅读量255

点赞数

分类专栏： js 文章标签： es6/es7 javascript

本文链接：https://blog.youkuaiyun.com/canyi8023/article/details/120524522

版权

js 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了JavaScript内置的includes()方法及其与indexOf()的区别，包括简便性、处理NaN的方式，并建议根据需求选择适当的方法。特别关注了数组搜索、NaN处理和在处理简单类型数据时的适用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

includes()作用,是查找一个值在不在数组里,若是存在则返回true,不存在返回false.

1.基本用法

['a', 'b', 'c'].includes('a')     // true
['a', 'b', 'c'].includes('d')     // false

2.接收俩个参数：要搜索的值和搜索的开始索引

['a', 'b', 'c', 'd'].includes('b')         // true
['a', 'b', 'c', 'd'].includes('b', 1)      // true
['a', 'b', 'c', 'd'].includes('b', 2)      // false

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

在判断 +0 与 -0 时，被认为是相同的。

[1, +0, 3, 4].includes(-0)    //true
[1, +0, 3, 4].indexOf(-0)     //1

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

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

优缺点比较

简便性

includes()返回的是布尔值，能直接判断数组中存不存在这个值，而indexOf()返回的是索引，这一点上前者更加方便。

精确性

两者都是采用===的操作符来作比较的，不同之处在于：对于NaN的处理结果不同。

我们知道js中 NaN === NaN 的结果是false,indexOf()也是这样处理的，但是includes()不是这样的。

let demo = [1, NaN, 2, 3]

demo.indexOf(NaN)        //-1
demo.includes(NaN)       //true

总结：

由于它对NaN的处理方式与indexOf不同，假如你只想知道某个值是否在数组中而并不关心它的索引位置，建议使用includes()。如果你想获取一个值在数组中的位置，那么你只能使用indexOf方法。