数组API

Posted 2022-01-03 class1

     ES5中数组新增API:

      1. indexOf

            作用：检测当前数据是否在数组中存在；

            特点：如果存在返回相对应的下标，如果不存在则返回-1；

                     如果数组中存在多个需要判断的这个数据，则返回最近的这个数据的下标;

                    可以传递两个参数，第二个参数指定查询的起始位置；

            示例：

                 var arr = [10,20,30,40,50,30];
                 var index1= arr.indexOf(30);  
                 var index2 = arr.indexOf(80);
                 var index3 = arr.indexOf(30,3);
                console.log(index1);  //结果为2
                console.log(index2);  //结果为-1
                console.log(index3);  //结果为5

              
      2. lastIndexOf

            作用：检测当前数据是否在数组中存在；

            特点：如果存在返回相对应的下标，如果不存在则返回-1；

                     如果数组中存在多个需要判断的这个数据，则返回最后的这个数据的下标（也就是说它的查找方式是从右往左）;

                    可以传递两个参数，第二个参数是指定查询的起始位置,然后从起始位置往左找；


            示例：

                 var arr = [10,20,30,40,50,30];
                 var index1= arr.lastIndexOf(30);  
                 var index2 = arr.indexOf(80);
                 var index3= arr.lastIndexOf(30,5);  
                 console.log(index1);  //结果为5
                 console.log(index2);  //结果为-1
                 console.log(index3);  //结果为5



     3. map

            作用：需要对数组中的数据做一些同一类型的操作时，可以用到map；

            特点：不会改变原数组,会有一个返回值, 返回值是一个新的数组；

                     map中除了有一个回调以外，还有第二个参数就是用来改变this指向的,此参数选用。
                            回调函数中的3个参数：
                                 item:数组中的数据
                                 index:数组中数据的下标
                                 array:当前遍历的数组

            示例：

                 var arr = [10,20,30,40,50];
    
                var newArr = arr.map(function(item,index,array)
                          console.log(item,index,array);//自己可以打印着看看
                          return item*=1.3;
                  )
    
                 console.log(arr);   //   [10,20,30,40,50]
                 console.log(newArr);  //  [ 13, 26, 39, 52, 65 ]

   4.   forEach

            作用：遍历；

            特点：没有返回值，不会改变原数组；

                     forEach中除了有一个回调以外，还有第二个参数 就是用来改变this指向的,此参数选用。

                            回调函数中的3个参数：
                                  item:数组中的数据
                                  index:数组中数据的下标
                                  array:当前遍历的数组

            示例：

                var arr = [10,20,30,40,50];
               var newArr  = []
               arr.forEach(function(item,index,array)
                     newArr.push(item*=1.3);
                     console.log(this);//当前this指向document,如果不改变this指向，则指向window
                  ,document)

            console.log(arr);// [10,20,30,40,50]
            console.log(newArr);//[ 13, 26, 39, 52, 65 ]




    注：forEach和map是不能被终止的  也就是说return  和break根本不会终止它们的循环       

 
 5.  filter

            作用：通过某种条件对数据进行过滤筛选；

            特点：返回一个匹配过滤条件的新数组,不会改变原数组；

                     filter中除了有一个回调以外，还有第二个参数 就是用来改变this指向的,此参数选用。

                            回调函数中的3个参数：
                                 item:数组中的数据
                                 index:数组中数据的下标
                                 array:当前遍历的数组

            示例：
                       var arr = [10,20,30,40,50];

                     var newArr = arr.filter(function(item,index,array)
                         console.log(this);//当前this指向document,如果不改变this指向，则指向window
                       return item>30;
                    ,document)
             
               
            console.log(arr);// [10,20,30,40,50]
            console.log(newArr);//[ 40,50 ]
   
  6.  reduce

            作用： 累积器；

            特点：返回一个匹配过滤条件的新数组,不会改变原数组；
                   
                  回调函数中的4个参数：
                                init:初始值，值为reduce函数的第二个参数
                                 current: 为数组中的当前值, 第一次为数组中下标为0的这个值 第二次为下标1的值  .....   
                                 index:数组中数据的下标
                                 array:当前遍历的数组

            示例：
                       var arr = [10,20,30,40,50];
                       var sum =  arr.reduce(function(init,current)
                         return current-init;
                        ,0)
                      console.log(sum);//30 ;sum的计算过程： sum=50-(40-(30-(20-(10-0))));

  7.reduceRight
     作用同reduce，唯一的不同是，reduceRight 是从右至左遍历数组的元素。

  8.some
      作用： 测试数组中是否有某元素通过 callback 函数测试；

       特点：如果 callback 函数返回值为 true 则表示通过测试(有一个通过测试，则为真);

         回调函数中的3个参数：
                                v:数组中的数据
                                i:数组中数据的下标
                                arr:当前遍历的数组

            let arr=[1,3,6,4,2]
            let someRes = arr.some((v, i, arr) =>
                    return v > 5
                 )
           console.log(someRes) ;//  true

9. every
      作用： 测试数组中是否全部元素通过 callback 函数测试；

      特点：如果 callback 函数返回值为 true 则表示通过测试(全部通过测试，则为真);

               回调函数中的3个参数：
                                v:数组中的数据
                                i:数组中数据的下标
                                arr:当前遍历的数组

            let arr=[1,3,6,4,2]
            let everyRes = arr.every((v, i, arr) =>
                    return v > 5
                 )
           console.log(everyRes) ;// false