JavaScript之map reduce_动力节点Java学院整理

如果你读过Google的那篇大名鼎鼎的论文“MapReduce: Simplified Data Processing on Large Clusters”，你就能大概明白map/reduce的概念。

map

举例说明，比如我们有一个函数f(x)=x2，要把这个函数作用在一个数组[1, 2, 3, 4, 5, 6, 7, 8, 9]上，就可以用map实现如下：

由于map()方法定义在JavaScript的Array中，我们调用Array的map()方法，传入我们自己的函数，就得到了一个新的Array作为结果：

function pow(x) {
  return x * x;
}

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
arr.map(pow); // [1, 4, 9, 16, 25, 36, 49, 64, 81]

map()传入的参数是pow，即函数对象本身。
你可能会想，不需要map()，写一个循环，也可以计算出结果：

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

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
var result = [];
for (var i=0; i<arr.length; i++) {
  result.push(f(arr[i]));
}

的确可以，但是，从上面的循环代码，我们无法一眼看明白“把f(x)作用在Array的每一个元素并把结果生成一个新的Array”。
所以，map()作为高阶函数，事实上它把运算规则抽象了，因此，我们不但可以计算简单的f(x)=x2，还可以计算任意复杂的函数，比如，把Array的所有数字转为字符串：

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
arr.map(String); // ['1', '2', '3', '4', '5', '6', '7', '8', '9']

只需要一行代码。

reduce

再看reduce的用法。Array的reduce()把一个函数作用在这个Array的[x1, x2, x3...]上，这个函数必须接收两个参数，reduce()把结果继续和序列的下一个元素做累积计算，其效果就是：

[x1, x2, x3, x4].reduce(f) = f(f(f(x1, x2), x3), x4)

比方说对一个Array求和，就可以用reduce实现：

var arr = [1, 3, 5, 7, 9];
arr.reduce(function (x, y) {
  return x + y;
}); // 25

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# JavaScript  # map  # reduce  # JS中的常见数组遍历案例详解(forEach  #  map  #  filter  #  sort  #  reduce  #  every)  # JS中reduce和map的优雅写法分享  # JavascriptES6新特性之map和reduce详解  # 无循环 JavaScript(map、reduce、filter和find)  # JavaScript mapreduce工作原理简析  # JavaScript中Map与reduce的应用小结  # 可以用  # 自己的  # 如果你  # 在这个  # 还可以  # 就能  # 不需要  # 要把  # 大名鼎鼎  # 就得  # 只需要  # 再看  # 用在  # 并把  # 读过  # 大家多多  # 计算出  # 高阶  # 有一个  # 说对 

相关文章： 建站之星如何开启自定义404页面避免用户流失？  ,怎么用自己头像做动态表情包？  微信h5制作网站有哪些,免费微信H5页面制作工具？  如何选择高效稳定的ISP建站解决方案？  如何零基础开发自助建站系统？完整教程解析  代购小票制作网站有哪些,购物小票的简要说明？  C++时间戳转换成日期时间的步骤和示例代码  怎么将XML数据可视化 D3.js加载XML  山东网站制作公司有哪些,山东大源集团官网？  如何在局域网内绑定自建网站域名？  建站之星如何通过成品分离优化网站效率？  宠物网站制作html代码,有没有专门介绍宠物如何养的网站啊？  北京企业网站设计制作公司,北京铁路集团官方网站？  如何通过老薛主机一键快速建站？  建站之星免费模板：自助建站系统与智能响应式一键生成  如何快速选择适合个人网站的云服务器配置？  ppt制作免费网站有哪些,ppt模板免费下载网站？  文字头像制作网站推荐软件,醒图能自动配文字吗？  网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏？  ,柠檬视频怎样兑换vip？  教学论文网站制作软件有哪些,写论文用什么软件 ？  如何生成腾讯云建站专用兑换码？  企业微网站怎么做,公司网站和公众号有什么区别？  在线流程图制作网站手机版,谁能推荐几个好的CG原画资源网站么？  武汉网站制作费用多少,在武汉武昌，建面100平方左右的房子，想装暖气片，费用大概是多少啊？  制作旅游网站html,怎样注册旅游网站？  内部网站制作流程,如何建立公司内部网站？  想学网站制作怎么学,建立一个网站要花费多少？  如何获取开源自助建站系统免费下载链接？  网站设计制作书签怎么做,怎样将网页添加到书签/主页书签/桌面？  如何基于PHP生成高效IDC网络公司建站源码？  宝塔新建站点为何无法访问？如何排查？  已有域名建站全流程解析：网站搭建步骤与建站工具选择  建站之星如何修改网站生成路径？  高端建站如何打造兼具美学与转化的品牌官网？  如何用狗爹虚拟主机快速搭建网站？  武汉网站设计制作公司,武汉有哪些比较大的同城网站或论坛，就是里面都是武汉人的？  Android自定义控件实现温度旋转按钮效果  如何快速配置高效服务器建站软件？  如何在Mac上搭建Golang开发环境_使用Homebrew安装和管理Go版本  公司网站的制作公司,企业网站制作基本流程有哪些？  完全自定义免费建站平台：主题模板在线生成一站式服务  c++怎么使用类型萃取type_traits_c++ 模板元编程类型判断【方法】  购物网站制作费用多少,开办网上购物网站，需要办理哪些手续？  打鱼网站制作软件,波克捕鱼官方号怎么注册？  建站VPS能否同时实现高效与安全翻墙？  ,sp开头的版面叫什么？  建站主机如何安装配置？新手必看操作指南  制作无缝贴图网站有哪些,3dmax无缝贴图怎么调？  C++ static_cast和dynamic_cast区别_C++静态转换与动态类型安全转换