内容要点:

   和Lisp、Haskell不同,JS并非函数式编程语言,但在JS中可以像操控对象一样操控函数,

  也就是说可以在JS中应用函数式编程技术。ES5中的数组方法(诸如map()和reduce())就可以非常适用于函数式编程风格。

一.使用函数处理数组

   假设有一个数组,数组元素都是数字,我们想要计算这些元素的平均值和标准差。

   若用非函数式编程风格的话,代码是这样:

        var data = [1,1,3,5,5]; //这里是待处理的数组

       //平均数是所有元素的累加和值除以元素个数

        var total = 0;

        for(var i=0;i<data.length;i++) total +=data[i];

        var mean = total/data.length; //平均数是3

      //计算标准差,首先计算每个数据减去平均数之后偏差的平方然后求和

        total = 0;

        for(var i=0;i<data.length;i++){

             var deviation = data[i] - mean;

            total +=deviation*deviation;

         }

        var stddev = Math.sqrt(total/(data.length-1)); //标准差的值是2

      可以使用数组方法map()和reduce()来实现同样的计算,

          //首先定义两个简单的函数

           var sum = function(x,y){ return x+y; };

           var square = function(x){ return x*x; };

         //然后将这些函数和数组方法配合使用计算平均数和标准差

           var data = [1,1,3,5,5];

           var mean = data.reduce(sum)/data.length;

           var deviations = data.map(function(x){ return x-mean; });

           var stddev = Math.sqrt(deviations.map(square).reduce(sum)/(data.length-1));

           console.log(mean); //3
           console.log(deviations); //[-2,-2,0,2,2]
           console.log(deviations.map(square));//[4, 4, 0, 4, 4]
           console.log(deviations.map(square).reduce(sum)); //16
           console.log(stddev); //2

         ES3并不包含这些数组方法,如果不存在内置方法的话我们可以自定义map()和reduce()函数:

            //对于每个数组元素调用函数f(),并返回一个结果数组。如果Array.prototype.map定义了的话,就使用这个方法。

              var map = Array.prototype.map

                             ?  function(a,f){ return a.map(f); }

                             :   function(a,f){

                                     var result = [];

                                      for(var i =0,len=a.length;i<len;i++){

                                          if(i in a) results[i] = f.call(null,a[i],i,a);

                                 }

                                   return result;

                              };

               //使用函数f()和可选的初始值将数组a减至一个值,如果Array.prototype.reduce存在的话,就使用这个方法

                 var reduce = Array.prototype.reduce

                                    ? function(a,f,initial){   //如果reduce()方法存在的话

                                    if(arguments.length>2)

                                           return a.reduce(f,initial); //如果传入了一个初始值

                                           else return a.reduce(f); //否则没有初始值 

                                         }

                                      :function(a,f,initial){   //这个算法来自ES5规范

                                          var i =0,len = a.length,accumulator;

                                          //以特定的初始值开始,否则第一个值取自a

                                           if(arguments.length>2) accumulator = initial;

                                           else{

                                                  if(len ==0) throw TypeError();

                                                   while(i<len){

                                                          if(i in a){

                                                                accumulator = a[i++];

                                                                 break;

                                                             }

                                                            else i++;

                                                    }

                                                   if(i==len)  throw TypeError();

                                             }

                                        //对于数组中剩下的元素依次调用f()

                                        while(i<len){

                                             if(i in a)  accumulator = f.call(undefined,accumulator,a[i],i,a);

                                             i++;                        

                                          }

                                          return accumulator;

                                 };

      使用定义的map()和reduce()函数,计算平均值和标准差的代码:

            var data = [1,1,3,5,5];

            var sum = function(x,y){ return x+y; };

            var square = function(x,y){ return x*y; };       

            var mean = reduce(data,sum)/data.length;

            var deviations = map(data,function(x){ return x-mean; });      

            var  stddev = Math.sqrt(reduce(map(deviations,square),sum)/(data.length-1));

《JS权威指南学习总结--8.8 函数式编程和8.8.1使用函数处理数组》的更多相关文章

  1. 简单物联网:外网访问内网路由器下树莓派Flask服务器

    最近做一个小东西,大概过程就是想在教室,宿舍控制实验室的一些设备. 已经在树莓上搭了一个轻量的flask服务器,在实验室的路由器下,任何设备都是可以访问的:但是有一些限制条件,比如我想在宿舍控制我种花 ...

  2. 利用ssh反向代理以及autossh实现从外网连接内网服务器

    前言 最近遇到这样一个问题,我在实验室架设了一台服务器,给师弟或者小伙伴练习Linux用,然后平时在实验室这边直接连接是没有问题的,都是内网嘛.但是回到宿舍问题出来了,使用校园网的童鞋还是能连接上,使 ...

  3. 外网访问内网Docker容器

    外网访问内网Docker容器 本地安装了Docker容器,只能在局域网内访问,怎样从外网也能访问本地Docker容器? 本文将介绍具体的实现步骤. 1. 准备工作 1.1 安装并启动Docker容器 ...

  4. 外网访问内网SpringBoot

    外网访问内网SpringBoot 本地安装了SpringBoot,只能在局域网内访问,怎样从外网也能访问本地SpringBoot? 本文将介绍具体的实现步骤. 1. 准备工作 1.1 安装Java 1 ...

  5. 外网访问内网Elasticsearch WEB

    外网访问内网Elasticsearch WEB 本地安装了Elasticsearch,只能在局域网内访问其WEB,怎样从外网也能访问本地Elasticsearch? 本文将介绍具体的实现步骤. 1. ...

  6. 怎样从外网访问内网Rails

    外网访问内网Rails 本地安装了Rails,只能在局域网内访问,怎样从外网也能访问本地Rails? 本文将介绍具体的实现步骤. 1. 准备工作 1.1 安装并启动Rails 默认安装的Rails端口 ...

  7. 怎样从外网访问内网Memcached数据库

    外网访问内网Memcached数据库 本地安装了Memcached数据库,只能在局域网内访问,怎样从外网也能访问本地Memcached数据库? 本文将介绍具体的实现步骤. 1. 准备工作 1.1 安装 ...

  8. 怎样从外网访问内网CouchDB数据库

    外网访问内网CouchDB数据库 本地安装了CouchDB数据库,只能在局域网内访问,怎样从外网也能访问本地CouchDB数据库? 本文将介绍具体的实现步骤. 1. 准备工作 1.1 安装并启动Cou ...

  9. 怎样从外网访问内网DB2数据库

    外网访问内网DB2数据库 本地安装了DB2数据库,只能在局域网内访问,怎样从外网也能访问本地DB2数据库? 本文将介绍具体的实现步骤. 1. 准备工作 1.1 安装并启动DB2数据库 默认安装的DB2 ...

  10. 怎样从外网访问内网OpenLDAP数据库

    外网访问内网OpenLDAP数据库 本地安装了OpenLDAP数据库,只能在局域网内访问,怎样从外网也能访问本地OpenLDAP数据库? 本文将介绍具体的实现步骤. 1. 准备工作 1.1 安装并启动 ...

随机推荐

  1. Maven之(一)Maven是什么

    首先,Maven的正确发音是[ˈmevən],而不是"马瘟"以及其他什么瘟.Maven在美国是一个口语化的词语,代表专家.内行的意思,约等于北京话中的老炮儿. 一个对Maven比较 ...

  2. selenium2使用记录

    安装 pip install selenium web phantomjs下载 :http://phantomjs.org/download.html 浏览器驱动下载:http://www.selen ...

  3. BOGEER博格尔YT-813码表使用说明书 (我的是YT-823)

    BOGEER博格尔YT-813码表使用说明书.doc 源:http://w.gdu.me/wiki/Bike/BOGEER-YT-813.html 参数设置 首先要测量出车轮的周长,测出车轮周长后按住 ...

  4. ECMAScript6之Set结构和Map结构

    set数据结构 ES6提供了一个新的数据结构,Set,Set和Array数组相似,但是Set里没有重复的数据,可以说是一个值的集合. 同时,Set数据结构有以下属性和方法: size:返回成员总数 a ...

  5. Beego学习笔记——开始

    beego简介 beego是一个快速开发Go应用的http框架,他可以用来快速开发API.Web.后端服务等各种应用,是一个RESTFul的框架,主要设计灵感来源于tornado.sinatra.fl ...

  6. android移动开发学习笔记(二)神奇的Web API

    本次分两个大方向去讲解Web Api,1.如何实现Web Api?2.如何Android端如何调用Web Api?对于Web Api是什么?有什么优缺点?为什么用WebApi而不用Webservice ...

  7. 简易js网页实时时钟日历

    <script language="javascript"> function timeF(i){ if(i<10){ i="0"+i; } ...

  8. UITableView优化方案

    1.UITableView的简单认识 > UITableView最核心的思想就是UITableViewCell的重用机制.简单的理解就是:UITableView只会创建一屏幕(或一屏幕多一点)的 ...

  9. JDK版本问题 发展史

    jdk是 Java 语言的软件开发工具包,主要用于移动设备.嵌入式设备上的java应用程序.JDK(Java Development Kit) 是 Java 语言的软件开发工具包(SDK).SE(J2 ...

  10. 2014年蓝桥杯预选赛 C/C++ 本科A组试题--切面条

    //主要是要找到f(n)=2*f(n-1)-1的规律. #include <stdio.h> #include <math.h> int f(int n) { if(n==0) ...