js基础--高阶函数（map,reduce,filter,sort）

高阶函数

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

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()

巴特西

js基础--高阶函数（map,reduce,filter,sort）

最新文章

热门文章