JavaScript高阶函数filter、forEach

正常函数取偶代码

 var arr = []
    var nums = [10, 20, 7, 31, 8, 30, 50]
    for (var i = 0; i < nums.length; i++) {
      if (nums[i] % 2 == 0) {
        arr.push(nums[i])
      }
    }
    console.log(arr);

filter取偶代码

    var nums = [10, 20, 7, 31, 8, 30, 50]
     //箭头函数简写形式
      var newnums = nums.filter(items => items % 2 == 0)
    //完整版箭头函数写法
    //var newnums = nums.filter((items) => { return items % 2 == 0 });
    console.log(newnums);

forEach使用方式

var nums = [10, 20, 7, 31, 8, 30, 50]
nums.forEach(item =>console.log(item));

箭头函数补充
如果箭头函数中只有一句return,那么可以同时省略大括号与return;但如果使用了大括号,即使只有一句表达式,也必须有return
filter优点
从代码量上大大缩减了工作量,这里逻辑比较简单区别不是很大,若写一些逻辑性比较强的函数,区别会很明显;还是推荐能使用filter就使用。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
当谈到JavaScript函数时,我们指的是函数可以作为参数传递给其他函数,并且函数可以返回一个函数作为结果。这种特性使得JavaScript具备了函数式编程的能力。 函数有助于简化代码、提代码的可重用性,并且可以实现一些功能强大的编程模式,例如函数组合、柯里化等。 下面是一些常见的JavaScript函数: 1. `map()`:该方法接收一个函数作为参数,并对数组中的每个元素应用该函数,并返回一个新的数组。 ```javascript const numbers = [1, 2, 3, 4, 5]; const squaredNumbers = numbers.map((num) => num * num); console.log(squaredNumbers); // [1, 4, 9, 16, 25] ``` 2. `filter()`:该方法接收一个函数作为参数,并对数组中的每个元素应用该函数,返回满足条件的元素组成的新数组。 ```javascript const numbers = [1, 2, 3, 4, 5]; const evenNumbers = numbers.filter((num) => num % 2 === 0); console.log(evenNumbers); // [2, 4] ``` 3. `reduce()`:该方法接收一个函数作为参数,并对数组中的每个元素应用该函数,返回一个累计的结果。 ```javascript const numbers = [1, 2, 3, 4, 5]; const sum = numbers.reduce((accumulator, num) => accumulator + num, 0); console.log(sum); // 15 ``` 4. `forEach()`:该方法接收一个函数作为参数,并对数组中的每个元素应用该函数,但没有返回值。 ```javascript const numbers = [1, 2, 3, 4, 5]; numbers.forEach((num) => console.log(num)); // 输出: // 1 // 2 // 3 // 4 // 5 ``` 这些只是函数的一些示例,JavaScript中还有其他许多函数,可以根据具体需求选择使用。通过充分利用函数,可以使代码更加简洁、灵活和可读性更
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值