本文主要是介绍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
这篇关于includes()和indxOf()的使用与比较的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
