js基础--高阶函数(map,reduce,filter,sort)

时间:2021-02-09 18:33:18

高阶函数

一个函数可以接收另一个函数作为参数,这种函数就称之为高阶函数,编写高阶函数,就是让函数的参数能够接收别的函数。

function add (x,y,f){
return f(x)+f(y)
}

map

将数组元素快速转成字符串

let arr = [1, 2, 3, 4]
let cc=arr.map(String)


注意:String() 可直接把一个字变成字符串

console.log(String([1,1,2])) // 1,1,2
也可以这样
arr.join(',')

reduce,把一个函数作用在这个arr的每个参数上,接收两个参数,把第一个结果,和下一个做累积计算

[x1, x2, x3, x4].reduce(f) = f(f(f(x1, x2), x3), x4)

及拿到前两个的结果,把结果和第三个计算得出新的结果,把第三个跟第四个计算。。。

计算数组相加

let arr=[1,2,3,4]
let cc = 0
arr.map(item => {
cc += item
})

let cc=arr.reduce(function(x,y){
return x+y
})


let num='13579'
let cc=num.split('').map(Number).reduce(function(x,y){
return x*10+y
})//12579


首字母大写,其他小写

let arr=['adam', 'LISA', 'barT']
let cc=arr.map(item=>{
return item.charAt(0).toUpperCase()+item.slice(1).toLowerCase()
})
console.log(cc)


filter

用于把arr的某些元素过滤掉,返回剩下的元素

接收三个参数,每一项,下标,数组本身
arr.filter(function(item,index,arr){})


可用于数组去重
return arr.indexOf(item)===index

原理:indexOf总是会返回第一个的下标,如果有重复的, 就不返回,就可以去掉了
let arr = ['apple', 'strawberry', 'banana', 'pear', 'apple', 'orange', 'orange', 'strawberry']
let cc=arr.filter((item,index,arr)=>{
return arr.indexOf(item)===index
})


sort 排序(本质是字符串排序,ascii)

升序,(x<y return 1 为降序)
let arr=[13,1,34,'cc',3,12,'apple']
arr.sort((x,y)=>{
if(x<y) return -1; //如果x<y 不需要换
if(x>y) return 1; //如果x>y 要换
return 0; //相等,不动
})

对于忽略大小写进行比较,还可以拿到参数时先进行转换,把参数转成一样的格式

x=toLowerCase()