js函数式编程1-1

Posted liuzhaoxu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js函数式编程1-1相关的知识,希望对你有一定的参考价值。

题目1: 

   给定两个长度相同的整数数组,将其中的数字分别一一配对,对每一对数字计算乘积,然后求和,计算出总和最小的配对方式,并打印出总和。

  输入示例:

  [1,2,3], [1,2,3]

  输出示例:

  10

答案:

技术分享图片

reduce方法

技术分享图片

 

技术分享图片

map方法

技术分享图片

 如何写好javascript呢? 

技术分享图片

思路: 通过按钮的颜色 来控制白天和黑天的状态

缺点:用js直接去操纵样式,如果我们以后想修改黑天的颜色,字体的颜色等等,我们就得修改这一坨代码,维护性不好

技术分享图片

思路: 通过类名 来控制白天和黑天的状态

优点:可维护性高

技术分享图片

思路:通过单选框来控制两种状态

实现:将label于input框关联,把单选框隐藏掉

优点:不用JavaScript

 

以上是关于js函数式编程1-1的主要内容,如果未能解决你的问题,请参考以下文章

js函数式编程简介

JS函数式编程

视频从Cycle.js谈函数式与响应式编程

js函数式编程基础:高阶函数柯理化函数合成Loadash

函数式编程与Js异步编程手写Promise

js函数式编程--函子