js高阶函数(常用)

本文详细介绍了JavaScript中的高阶函数,包括map()用于创建新数组,filter()用于过滤数组元素,reduce()用于对数组进行累积操作,以及sort()用于数组排序。同时,还提到了forEach()、some()和every()的用法,帮助理解JavaScript中处理数组的强大工具。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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,判断他们是否都为正数

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值