js高阶函数(常用)

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

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
对于重构JavaScript高阶函数,有几个常见的方法和技巧可以使用。以下是一些常用的重构方法: 1. 使用箭头函数:箭头函数可以简化函数的定义,并且在某些情况下提供更简洁的语法。例如,可以将普通的匿名函数转换为箭头函数,从而减少代码的冗余。 2. 使用函数柯里化(Currying):函数柯里化是一种将多个参数的函数转换为接受一个参数的函数序列的技术。通过将函数柯里化,可以使函数更加灵活和可复用。 3. 使用函数组合:函数组合是将多个函数组合成一个新函数的技术。通过将多个函数组合起来,可以将复杂的操作拆分为简单的小步骤,提高代码的可读性和维护性。 4. 使用高阶函数作为参数或返回值:高阶函数是接受一个或多个函数作为参数或返回一个函数的函数。通过使用高阶函数,可以实现更加灵活和可扩展的代码。 5. 使用纯函数:纯函数是指在同样的输入下,始终返回相同的输出,并且没有任何副作用的函数。通过使用纯函数,可以减少代码的复杂性和不确定性。 6. 使用函数式编程范式:函数式编程范式强调使用纯函数、不可变数据和函数组合等技术来编写代码。通过使用函数式编程,可以提高代码的可读性、可维护性和可测试性。 以上是一些常见的重构方法,具体的重构方式取决于你的代码和需求。重构代码时,建议先编写测试用例,确保重构后的代码仍然正确运行。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值