map, reduce, filter 等高阶函数
栏目: JavaScript · 发布时间: 6年前
内容简介:上篇其实还有一篇关于常见的高阶函数有:
上篇其实还有一篇关于 闭包
的文章,由于在前几篇中已经涉及到了相关方面,因此 闭包
文章暂时搁置一下。换个新话题:
内容
高阶函数 :Higher-order function;
-
至少满足以下条件:
-
- 函数可以作为参数被传递;
-
- 函数可以作为返回值被输出。
-
常见的高阶函数有: Map
、 Reduce
、 Filter
、 Sort
;
1. Map
array.map(function(currentValue,index,arr), thisValue)
map() 不会改变原始数组
[55,44,66,11].map(function(currentValue,index,arr){
console.log(currentValue); //map() 方法按照原始数组元素顺序依次处理元素
console.log(index);
console.log(arr);
});
复制代码
让数组通过某种计算得到一个新数组
var newArr = [55,44,66,11].map(function(item,index,arr){
return item *10;
});
console.log(newArr);//[550, 440, 660, 110]
复制代码
2. reduce
array.reduce(function(total, currentValue, currentIndex, arr), initialValue)
initialValue
:传递给函数的初始值;
让数组中的前项和后项做某种计算,并累计最终值。
var newArr = [15.5, 2.3, 1.1, 4.7].reduce(function(total,num){
return total + Math.round(num);//对数组元素进行四舍五入并计算总和
}, 0);
console.log(newArr);//24
复制代码
reduce() 对于空数组是不会执行回调函数
3. filter
array.filter(function(currentValue,index,arr), thisValue)
filter() 不会改变原始数组
var newArr = [32, 33, 12, 40].filter(function(item){
return item > 32;
});
console.log(newArr);//[33, 40]
复制代码
筛选出符合条件的项,组成新数组。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网
猜你喜欢:- Python第六章-函数06-高阶函数
- JS 函数式编程思维简述(二):高阶函数
- Python小世界:匿名函数、高阶函数、推导式
- Python|高阶函数
- Javscript 高阶函数(上)
- 【重温基础】21.高阶函数
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
AJAX企业级开发
Davec Johnson、Alexeic White、Andrec Charland / 张祖良、荣浩、高冰 / 人民邮电出版社 / 2008 / 49.00元
本书首先解释了AJAX 为什么在大规模的开发中能有如此广阔的应用前景,接着系统地介绍了当前重要的AJAX 技术和组件。你将看到把数据表、Web 窗体、图表、搜索和过滤连接在一起用于构建AJAX应用程序的框架开发的整个过程;在此基础上,本书给出了已经过证实的AJAX 架构模式,以及来源于实际的.NET 和Java AJAX 应用程序的案例研究。一起来看看 《AJAX企业级开发》 这本书的介绍吧!