js 数组方法 indexOf和includes的用法及区别

       项目中,经常遇到需要判断数组中有没有这一项.以前用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哪些委员们比我们想的要周到的多的多. 所以习惯的话,还是用新方法吧.

展开阅读全文

没有更多推荐了,返回首页