js中includes() 和indexOf() 两方法区分

描述

1. includes() ---- 判断一个数组是否包含一个指定的值。支持ES5语法
2. indexOf() ---- 搜索数组中的元素，并返回它所在的位置。支持ES6语法

使用与返回值（undefined、NaN需特殊注意）

1. includes() 返回值true / false

let arr = [1,2,'san',4,,NaN];
console.log(arr.includes('san')); //true
console.log(arr.includes(6)); //false
console.log(arr.includes(undefined)); //true
console.log(arr.includes(NaN)); //true

2. indexOf() 返回查找元素下标，没有返回-1

var arr = [1,2,'san',4,,NaN];
console.log(arr.indexOf('san')); //2
console.log(arr.indexOf(6)); //-1
console.log(arr.includes(undefined)); //-1
console.log(arr.includes(NaN)); //-1

var arr2 = [1,undefined];
console.log(arr2.indexOf(undefined)); // 1

关于+0、-0，两种方法都不区分正负

浏览器兼容性

1. includes()
   chrome47 - firefox43 - safria9 - opera34 - ie14
2. indexOf()
   ie8及早版本不支持除外，其他都支持

所以indexOf的兼容性相对较好

本人其他文档参考 https://blog.csdn.net/qq_39882537
感谢大家支持！