《JS权威指南学习总结--8.8 函数式编程和8.8.1使用函数处理数组》
内容要点:
和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使用函数处理数组》的更多相关文章
- 简单物联网:外网访问内网路由器下树莓派Flask服务器
最近做一个小东西,大概过程就是想在教室,宿舍控制实验室的一些设备. 已经在树莓上搭了一个轻量的flask服务器,在实验室的路由器下,任何设备都是可以访问的:但是有一些限制条件,比如我想在宿舍控制我种花 ...
- 利用ssh反向代理以及autossh实现从外网连接内网服务器
前言 最近遇到这样一个问题,我在实验室架设了一台服务器,给师弟或者小伙伴练习Linux用,然后平时在实验室这边直接连接是没有问题的,都是内网嘛.但是回到宿舍问题出来了,使用校园网的童鞋还是能连接上,使 ...
- 外网访问内网Docker容器
外网访问内网Docker容器 本地安装了Docker容器,只能在局域网内访问,怎样从外网也能访问本地Docker容器? 本文将介绍具体的实现步骤. 1. 准备工作 1.1 安装并启动Docker容器 ...
- 外网访问内网SpringBoot
外网访问内网SpringBoot 本地安装了SpringBoot,只能在局域网内访问,怎样从外网也能访问本地SpringBoot? 本文将介绍具体的实现步骤. 1. 准备工作 1.1 安装Java 1 ...
- 外网访问内网Elasticsearch WEB
外网访问内网Elasticsearch WEB 本地安装了Elasticsearch,只能在局域网内访问其WEB,怎样从外网也能访问本地Elasticsearch? 本文将介绍具体的实现步骤. 1. ...
- 怎样从外网访问内网Rails
外网访问内网Rails 本地安装了Rails,只能在局域网内访问,怎样从外网也能访问本地Rails? 本文将介绍具体的实现步骤. 1. 准备工作 1.1 安装并启动Rails 默认安装的Rails端口 ...
- 怎样从外网访问内网Memcached数据库
外网访问内网Memcached数据库 本地安装了Memcached数据库,只能在局域网内访问,怎样从外网也能访问本地Memcached数据库? 本文将介绍具体的实现步骤. 1. 准备工作 1.1 安装 ...
- 怎样从外网访问内网CouchDB数据库
外网访问内网CouchDB数据库 本地安装了CouchDB数据库,只能在局域网内访问,怎样从外网也能访问本地CouchDB数据库? 本文将介绍具体的实现步骤. 1. 准备工作 1.1 安装并启动Cou ...
- 怎样从外网访问内网DB2数据库
外网访问内网DB2数据库 本地安装了DB2数据库,只能在局域网内访问,怎样从外网也能访问本地DB2数据库? 本文将介绍具体的实现步骤. 1. 准备工作 1.1 安装并启动DB2数据库 默认安装的DB2 ...
- 怎样从外网访问内网OpenLDAP数据库
外网访问内网OpenLDAP数据库 本地安装了OpenLDAP数据库,只能在局域网内访问,怎样从外网也能访问本地OpenLDAP数据库? 本文将介绍具体的实现步骤. 1. 准备工作 1.1 安装并启动 ...
随机推荐
- React一些必须要知道的基础
React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站.做出来以后,发现这套东西 ...
- 网络叠加模式VLAN、VxLAN、GRE
什么是叠加网络 1.一个数据包(或帧)封装在另一个数据包内;被封装的包转发到隧道端点后再被拆装. 2.叠加网络就是使用这种所谓"包内之包"的技术安全地将一个网络隐藏在另一个 网络中 ...
- Python第一天——入门Python(3)列表
列表,也是一种序列类型. 如何定义列表? 用" [ ] "(中括号进行定义) 列表的索引操作 例如 # hobby_list=['basketball','football','p ...
- 安装windows后grub的恢复
问题: 原本是:双系统(linux和windows),后来换windows版本覆盖了grub2 解决方法: 进入windows后下载并安装EasyBCD并添加grub2的选项,重启看见了熟悉的启动项, ...
- netty(5)高级篇-私有协议栈
来源:<Netty权威指南> 作者:李林峰 一.私有协议介绍 由于现代软件的复杂性,一个大型软件系统往往会被人为地拆分称为多个模块,另外随着移动互联网的兴起,网站的规模越来越大,业务功能 ...
- Android对px和dip进行尺寸转换的方法
px 转换为 dip /** * PX 转换为 DP * * @param context * @param px * @return */ public static int px2dp(Cont ...
- USACO 3.2 Stringsobits
StringsobitsKim Schrijvers Consider an ordered set S of strings of N (1 <= N <= 31) bits. Bits ...
- VS2012及以上版本 程序打包部署详解
引用: http://blog.csdn.net/zhang_xinxiu/article/details/9099757 程序编写测试完成后接下来我们要做的是打包部署程序,但VS2012让人心痛的 ...
- QCMediaPlayer mediaplayer NOT present(android)
出现了“QCMediaPlayer mediaplayer NOT present”这个错误!!!我的手机是小米手机2,我给它刷机刷到了Android 4.4.4,后来我学长是这样解决的:case R ...
- 绝对路径&相对路径
被绝对路径和相对路径搞疯了,好多地方不一样,从今天开始,记录下来每次关于这个问题的记录,以备查用 css文件里: 绝对路径:以"/"开头,表示从项目的根目录开始