项目中,经常遇到需要判断数组中有没有这一项.以前用indexOf()较多.es7新增了includes()方法.下面看一下它的用法以及和indexOf的区别.
1.indexOf()用法: 直接打点调用,括号参数传需要匹配的项.如果数组中有这一项,返回此项的索引值.没有返回 -1;
2. includes()方法: 直接打点调用,括号传两个参数,第一个是要匹配的项,第二个是要开始的位置的索引值. 如果有这一项返回true,否则返回false.
区别: 如果数组中有NaN. 则 indexOf无法匹配到. 而includes可以匹配到.
示例代码如下:
let arr = [1,2,3,4,5,6,NaN];
console.log(arr.includes(3, 0)) // true
console.log(arr.includes(3, 3)) // false
console.log(arr.indexOf(3)) // 2
// 以下是区别
console.log(arr.includes(NaN, 0)) // true
console.log(arr.indexOf(NaN)) // -1 数组中有NaN 但返回了-1
从var到let, 从div到section, 从for in 到 for of. 都变的更好用了.毕竟Tc39哪些委员们比我们想的要周到的多的多. 所以习惯的话,还是用新方法吧.