js高阶函数(常用)
定义:JavaScript的函数其实都指向某个变量,那么函数指向函数,这种函数就被称之为高阶函数。
一、map()
返回一个数组,该数组的长度与调用该数组的长度相同
let rooms=['h1','h2',"h3"]
let newRooms=rooms.map(rm=>{
if(rm==='h3'){
return 'h4'
}else {
return rm
}
})
console.log(newRooms,'newRooms')
console.log(rooms,'rooms')
结果:rooms为[‘h1’,‘h2’,“h3”],newRooms为[‘h1’, ‘h2’, ‘h4’],不改变原来数组的情况下,重新变成了新的数组,这样能使我们的代码少一点奇怪的bug。
二、filter()
根据传递给它的函数过滤数组
let rooms=['h1','h2',"h3"]
let newRoomsTwo=rooms.filter(rm=>{
return rm!=='h3'
})
console.log(newRoomsTwo,'newRoomsTwo')
console.log(rooms,'rooms')
结果:rooms为[‘h1’,‘h2’,“h3”],newRoomsTwo为[‘h1’, ‘h2’],这次我们就过滤了一个h3
三、reduce()
reduce(callback,initiaValue)会传入两个变量,回调函数(callback)和初始值(initiaValue)。
假设函数有4个传入参数,prev和next,index和array。 Prev和next是你必须要了解的。
当没有传入初始值时,prev是从数组中第一个元素开始的,next数组是第二个元素。
但是当传入初始值(initiaValue)后,第一个prev将是initivalValue,next将是数组中的第一个元素。
let roomsTwo=[123,2,4,234,9]
let newRoomsThree=roomsTwo.reduce((oldValue,newValue)=>{
return oldValue>newValue?oldValue:newValue
})
console.log(roomsTwo,'roomsTwo')
console.log(newRoomsThree,'newRoomsThree')
结果:roomsTwo为[123,2,4,234,9],newRoomsThree为234,这就是找出最大值,每次我都去和前一个的值比较,谁大谁就能留下来,类似于冒泡
四、sort()
对数组的项目进行排序。排序顺序可以是字母或数字,也可以是升序或降序。
let roomsTwo=[123,2,4,234,9]
let newRoomsFourth=roomsTwo.sort((a,b)=>{
return a-b
})
console.log(roomsTwo,'roomsTwo')
console.log(newRoomsFourth,'newRoomsFourth')
结果:roomsTwo为[123,2,4,234,9],newRoomsFourth为[2, 4, 9, 123, 234],作了一个升序排列,反之使用b-a则为降序排列[234, 123, 9, 4, 2]
五、forEach()
遍历数组
let roomsTwo=[123,2,4,234,9]
roomsTwo.forEach(item=>{
console.log(item)
})
结果就是把roomsTwo的每一项全部遍历出来.
六、some()
检查数组中的任何元素是否通过特定测试。它还返回一个布尔值(true / false)。
let roomsTwo=[123,2,4,234,9]
let newRoomsFive=roomsTwo.some(item=>{
return item>0
})
console.log(roomsTwo,'roomsTwo')
console.log(newRoomsFive,'newRoomsFive')
结果newRoomsFive返回true,判断他们是否都为正数
七、every()
检查数组中的任何元素是否通过特定测试。它还返回一个布尔值(true / false)。
let roomsTwo=[123,2,4,234,9]
let newRoomsSix=roomsTwo.some(item=>{
return item>0
})
console.log(roomsTwo,'roomsTwo')
console.log(newRoomsSix,'newRoomsSix')
结果newRoomsSix返回true,判断他们是否都为正数