Javascript学习笔记--高阶函数

自我学习，查漏补缺

接收另一个函数作为参数的函数，叫做高阶函数
简单例子

function add(x, y, f){
  return f(x) + f(y);
}
add(-10, 3, Math.abs); // 13

1.map()就是一个高阶函数（作用于Array）

//示例1
let arr = [1, 2, 3, 4, 5]
function pow(x) {
  return x * x;
}
let reslut = arr.map(pow);//[1, 4, 9, 16, 25]
//示例2
let result2 = arr.map(String); // ['1', '2', '3', '4', '5']

上面的例子就是将pow函数和String函数作为参数传到map函数中

2.reduce也是一个高阶函数（作用于Array，传入的函数必须接收两个参数）

//示例
let arr = [1, 2, 3, 4, 5]
arr.reduce(function(x, y) {
  return x + y;
})
//结果是25
//reduce()是累计计算
//arr.reduce(f) = f(f(f(arr[0], arr[1]), arr[2]), arr[3]...)

3.filter也是作用于Array的高阶函数

let arr = [1, 2, 3, 4, 5]
let newArr = arr.filter(function(ele) {
  return ele > 2
})
//newArr为[3, 4, 5]

//filter内方法可传三个参数
let newArr1 = arr.filter(function(ele, index, self) {
  console.log(ele);//依次为1，2，3，4，5
  console.log(index);//依次为0，1，2，3，4
  console.log(self);//self就是arr
  //利用self.indexOf(ele) === index可以数组去重
  return true
})

4.sort()是Array的排序方法
但是有很多局限性，比如对字符串是按照ASCII码排序，大写在前，小写在后，所以小写字母a就会排在任何大写字母后面
好在sort()是一个高阶函数，可以接收一个比较函数来自定义排序，如下

let arr = [10, 12, 3, 4]
let newArr = arr.sort(function(x, y) {
  //忽略大小写字母进行排序
  x = x.toUpperCase();
  y = y.toUpperCase();
  if (x < y) {
    return -1;
  }
  if (x > y) {
    return 1;
  }
  return 0;
}) 

5.数组还有很多好用的高阶函数，如foreach(),find(),findIndex(),every()等…

廖雪峰https://www.liaoxuefeng.com/wiki/1022910821149312/1278025786193984