高阶函数实战

简介: 高阶函数实战
<!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>
目录
相关文章
|
5月前
|
存储 算法
什么是高阶函数
什么是高阶函数
92 1
|
5月前
|
前端开发 JavaScript 数据安全/隐私保护
第十一章 使用高阶函数和非高阶函数对组件进行优化
第十一章 使用高阶函数和非高阶函数对组件进行优化
|
12月前
|
JavaScript 前端开发 Java
函数式编程入门:理解纯函数、高阶函数与柯里化
函数式编程入门:理解纯函数、高阶函数与柯里化
131 0
|
12月前
1 # 高阶函数
1 # 高阶函数
55 0
|
前端开发
前端学习案例1-高阶函数1
前端学习案例1-高阶函数1
49 0
前端学习案例1-高阶函数1
|
前端开发
前端学习案例1-高阶函数2
前端学习案例1-高阶函数2
40 0
前端学习案例1-高阶函数2
|
分布式计算 开发者 Python
高阶函数| 学习笔记
快速学习高阶函数
|
Python
Python编程:内置高阶函数
Python编程:内置高阶函数
Python编程:内置高阶函数
|
分布式计算 Scala 开发者
高阶函数的介绍和使用 | 学习笔记
快速学习高阶函数的介绍和使用
|
Python
Python编程 高阶函数使用技巧
在坚持的初期,坚持本身比坚持的事情更重要。 也许,生活的意义并不在于实现了怎样伟大的梦想,而是在于自己全身心地投入,让每一天都成为梦想的一部分。 只要是能确定带给自己价值感的事情,去做就好。 时间在流逝,每一天,都值得认真对待。
176 0
Python编程 高阶函数使用技巧