数组的高阶函数

1.filter(过滤函数)

返回满足return条件的一个新数组

    var arr = [1,2,4,5,6]
    var arrNew = arr.filter(item=>{
      return item>3
    })
    console.log(arrNew);//[4,5,6]
    console.log(arr);//[1,2,4,5,6]

2.map(映射函数)

返回一个新数组，return条件结果类型是什么，数组内容就是什么

    var arr = [2,3,4,5,6]
    var arrNew1 = arr.map(item=>{
      return item!==4
    })
    var arrNew2 = arr.map(item=>{
      return item*10
    })
    var arrNew3 = arr.map(item=>{
      if(item<3) return item*10
      else return item
    })
    var arrNew4 = arr.map(item=>{
      if(item!=4)return item
      else return true
    })
    console.log("1",arrNew1);
    console.log("2",arrNew2);
    console.log("3",arrNew3);
    console.log("4",arrNew4);
    console.log("5",arr);

3.reduce(计算函数）

可以综合计算数组中值，返回值是一个求和之后的值

    var arr = [1,2,3,4,5]
    var sum = arr.reduce((pre,cur)=>{
      // 0为初始的和的值，可以自由设置
      console.log(pre,cur);
      return pre + cur
    },0)
    console.log(sum);

 

4.find(查找第一个符合条件的数据）

可以找到第一个符合条件的数据，找到之后后面的就不再循环了。如果找到了return返回一个true，find发现返回值为true就不再执行循环，find的返回值就是这个数据，如果循环结束了，没有找到（即return每次都返给find的是false），find的返回值就是一个undefined。

   var arr = [1,2,4,5]
    var dataSame1 = arr.find(item=>{
      return item -2 == 0
    })
    var dataSame2 = arr.find(item=>{
      return item == 6
    })
    console.log("输出1",dataSame1);
    console.log("输出2",dataSame2);

 5.findIndex(查找第一个符合条件的索引）

它跟find类似，区别在于函数返回值不同，findIndex找到会返回符合条件数据的下标，没找到会返回一个-1.

   var arr = [1,2,4,5]
    var dataSame1 = arr.findIndex(item=>{
      return item -2 == 0
    })
    var dataSame2 = arr.findIndex(item=>{
      return item == 6
    })
    console.log("输出1",dataSame1);
    console.log("输出2",dataSame2);

 6.every(用于测试是否全部满足条件）

返回一个布尔值，当数组中所有的元素都满足测试的条件时就返回true，只要有一个不满足就返回false。

    var arr = [1,2,4,5]
    var dataSame1 = arr.every(item=>{
      return item -2 == 0
    })
    var dataSame2 = arr.every(item=>{
      return item < 6
    })
    console.log("输出1",dataSame1);
    console.log("输出2",dataSame2);