【ES7】Array.prototype.includes() PK indexOf

作者：管理员 2018-05-07 15:32:42 分类：JavaScript 阅读（4445） 0

Array.prototype.includes()方法

includes()的作用，是查找一个值在不在数组里，若在，则返回true，反之返回false。基本用法：

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

Array.prototype.includes()方法接收两个参数：要搜索的值和搜索的开始索引。当第二个参数被传入时，该方法会从索引处开始往后搜索（默认索引值为0）。若搜索值在数组中存在则返回true，否则返回false。且看下面示例：

1
2
3

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

那么，我们会联想到ES6里数组的另一个方法indexOf，下面的示例代码是等效的：

1 2	['a', 'b', 'c'].includes('a') //true ['a', 'b', 'c'].indexOf('a') > -1 //true

此时，就有必要来比较下两者的优缺点和使用场景了。

从这一点上来说，includes略胜一筹。熟悉indexOf的同学都知道，indexOf返回的是某个元素在数组中的下标值，若想判断某个元素是否在数组里，我们还需要做额外的处理，即判断该返回值是否>-1。而includes则不用，它直接返回的便是Boolean型的结果。

两者使用的都是 === 操作符来做值的比较。但是includes()方法有一点不同，两个NaN被认为是相等的，即使在NaN === NaN结果是false的情况下。这一点和indexOf()的行为不同，indexOf()严格使用===判断。请看下面示例代码：

1
2
3
4

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

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

上述代码中，indexOf()方法返回-1，即使NaN存在于数组中，而includes()则返回了true。

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

includes()还有一个怪异的点需要指出，在判断 +0 与 -0 时，被认为是相同的。

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

在这一点上，indexOf()与includes()的处理结果是一样的，前者同样会返回 +0 的索引值。

注意：在这里，需要注意一点，includes()只能判断简单类型的数据，对于复杂类型的数据，比如对象类型的数组，二维数组，这些，是无法判断的。

本站所有文章、图片、资源等如无特殊说明或标注，均为来自互联网或者站长原创，版权归原作者所有；仅作为个人学习、研究以及欣赏！如若本站内容侵犯了原著者的合法权益，可联系我们进行处理，邮箱：343049466@qq.com

赞(5) 打赏

标签：

ES7 includes indexOf