长风破浪会有时
直挂云帆济沧海

js数组indexOf跟includes的区别

自从ES6部署includes方法,好像indexOf就失去了它的用武之地了,到底indexOf有什么不足,为什么es6要用includes来替代indexOf?这篇文章就要来介绍这两个方法之间的区别。

看一个函数,先看他们的返回值,一个是返回数值型的,一个是返回布尔型的,所以在if条件判断的时候includes要简单得多,而indexOf 需要多写一个条件进行判断。

var ary = [1];
if (ary.indexOf(1) !== -1) {
    console.log("数组存在1")
}
if (ary.includes(1)) {
    console.log("数组存在1")
}

如果数组中有NaN,你又正好需要判断数组是否有存在NaN,这时你使用indexOf是无法判断的,你必须使用includes这个方法。

var ary1 = [1,NaN];
console.log(ary1.indexOf(NaN))//-1
console.log(ary1.includes(NaN))//true

当数组的有空的值的时候,includes会认为空的值是undefined,而indexOf不会。

var ary1 = new Array(3);
console.log(ary1.indexOf(undefined));//-1
console.log(ary1.includes(undefined))//true

总结,到底什么时候使用includes什么时候使用indexOf还是要看情况来决定,如果你想要查找某个元素在数组中的位置,你就用indexOf,如果你只是想知道数组中是否存在某个元素,你用includes方法更合适。

赞(1)
未经允许不得转载:阿锋哥前端开发经验分享 » js数组indexOf跟includes的区别
分享到: 更多 (0)

几百块就能做营销型企业网站?

查看详情