includes()和indxOf()的使用与比较

indexOf和includes都能用来检测数组或字符串中是否包含某一个元素

includes()

1.使用场景：检查某个元素在数组中是否存在。也可以对字符串使用
2.返回类型：布尔类型

let arr = [1,2,3,4]
console.log(arr.includes(5)) // false
console.log(arr.includes(4)) // true

3.语法：

arr.includes(searchElement)
arr.includes(searchElement, fromIndex)

参数	描述
searchElement	必须。需要查找的元素值。
fromIndex	可选。从该索引处开始查找 searchElement。若为负值，则按升序从 array.length + fromIndex 的索引开始搜索。默认为 0。

1.如果fromIndex 大于等于数组长度 ，则返回 false 。该数组不会被搜索:['a', 'b', 'c'].includes('c', 3); //false
2.如果计算出的索引小于 0，则整个数组都会被搜索。

indexOf()

1.使用场景：检索某个指定的元素在数组中首次出现的位置（下标）。也可以对字符串使用
2.返回类型：数值类型

let arr = [1,2,3,4]
console.log(arr.indexOf(5)) // -1
console.log(arr.indexOf(4)) // 3

3.缺点：

• 不够语义化，它的含义是找到参数值的第一个出现位置，所以要去比较是否不等于-1，表达起来不够直观。
• 内部使用严格相等运算符（===）进行判断，这会导致对NaN的误判。

比较

JavaScript 只有indexOf方法，includes方法为ES6 提供。

1.在if条件判断的时候includes要简单得多，而indexOf 需要多写一个条件进行判断。

var ary = [1];

if (ary.indexOf(1) !== -1) {
    console.log("数组存在1")
}

if (ary.includes(1)) {
    console.log("数组存在1")
}

2.当数组中有空的值的时候，includes会认为空的值是undefined，而indexOf不会。

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

3.indexOf不能判断数组中是否有NaN，而includes可以做到

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