高阶函数实战

简介: 高阶函数实战
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
    <div id="app"></div>
    <script src="../vue.js"></script>
    <script>
        const app = new Vue({
            el: '#app',
            data: {
            }
        })
        const nums = [121,42,422,241,435,634,24,6557]

        // //这三个newnums都是数组
        // //先筛选大于100的值
        // let newnums1 = nums.filter(function(n){
        //     return n > 100;
        // })

        // //再每个值乘2
        // let newnums2 = newnums1.map(function(n){
        //     return n*2;
        // })
        
        // //最后求和
        // let newnums3 = newnums2.reduce(function(pre,n){
        //     return pre+n;
        // },0)//这个0是令最初的pre为0
        // alert(newnums3);

        // //简写
        // let total = nums.filter(function(n){
        //     return n > 100;
        // }).map(function(n){
        //     return n*2;
        // }).reduce(function(pre,n){
        //     return pre+n;
        // },0)
        // alert(total);

        //用=>方式
        let total = nums.filter(n => n > 100).map(n => n * 2).reduce((pre, n) => pre + n);
        alert(total);
    </script>
</body>
</html>
目录
相关文章
|
6月前
|
JavaScript 前端开发 测试技术
JavaScript进阶-高阶函数与柯里化
【6月更文挑战第18天】在JavaScript中,高阶函数和柯里化是函数式编程的核心。高阶函数接收或返回函数,常用于数组操作和事件处理。柯里化将多参数函数转化为单参数的逐次求值过程,用于参数预绑定和函数组合。两者能简化逻辑、提高复用性,但也需注意易错点,如混淆参数、过度柯里化,应适度使用并配合测试保证正确性。通过实践和使用工具,如lodash的`_.curry`,能更好地利用这些技术。
55 5
|
6月前
|
算法 安全 编译器
【C++进阶】模板进阶与仿函数:C++编程中的泛型与函数式编程思想
【C++进阶】模板进阶与仿函数:C++编程中的泛型与函数式编程思想
63 1
|
7月前
|
存储 缓存 自然语言处理
高阶函数离不开闭包
高阶函数离不开闭包
|
7月前
|
存储 算法
什么是高阶函数
什么是高阶函数
149 1
|
JavaScript 前端开发 Java
函数式编程入门:理解纯函数、高阶函数与柯里化
函数式编程入门:理解纯函数、高阶函数与柯里化
182 0
1 # 高阶函数
1 # 高阶函数
65 0
|
前端开发
前端学习案例1-高阶函数1
前端学习案例1-高阶函数1
59 0
前端学习案例1-高阶函数1
|
前端开发
前端学习案例1-高阶函数2
前端学习案例1-高阶函数2
45 0
前端学习案例1-高阶函数2
|
分布式计算 开发者 Python
高阶函数| 学习笔记
快速学习高阶函数
|
Python
Python编程:内置高阶函数
Python编程:内置高阶函数
108 0
Python编程:内置高阶函数

热门文章

最新文章