JavaScript--map、reduce、filter、sort
2016-02-28 15:04
525 查看
map -- JavaScript区分大小写,Map是数据类型,map是定义在数组里面的方法。
map()方法同iterable的forEach()方法一样是高阶函数。map()对其中的每一个元素执行其参数function。
eg:
reduce --同map,reduce也是定义在数组里面的
reduce()也是高阶函数。reduce()对数组内部的元素按照index从小到大进行两两进行参数function操作[第一个和第二个操作得到新的,这个新的再和第三个操作,得到新的,这个新的再和第四个操作。。。]。
eg:
filter -->过滤,同map(),filter把数组的每一个元素进行function参数的操作,不过function参数的返回值是true,则保留数组里面的元素,否则丢弃掉,所以,function参数实际就是一个判断数组内的元素是否符合某个条件
eg:
将原来数组里面的偶数全部丢弃。
sort -->这个方法有意思,排序,也是高阶函数
这个函数默认先把数组里面的元素全部转换为字符串再进行排序
so:
当sort()的function参数为空的时候,进行默认排序,先将数组元素转换为"2","3","10",所以为什么得到这个排序结果就很明了了
所以,一般sort()的用法如下:(function参数不为空)
map()方法同iterable的forEach()方法一样是高阶函数。map()对其中的每一个元素执行其参数function。
eg:
var array1 = [1,2,3]; function pow (x) { return x*x; } array1.map(pow); //-->array1 [1,4,9]
reduce --同map,reduce也是定义在数组里面的
reduce()也是高阶函数。reduce()对数组内部的元素按照index从小到大进行两两进行参数function操作[第一个和第二个操作得到新的,这个新的再和第三个操作,得到新的,这个新的再和第四个操作。。。]。
[a,b,c].reduce(f) = f(f(a,b),c)
eg:
var array1 = [1,2,3]; function add (x,y) { return x + y; } array1.reduce(add); //-->6
filter -->过滤,同map(),filter把数组的每一个元素进行function参数的操作,不过function参数的返回值是true,则保留数组里面的元素,否则丢弃掉,所以,function参数实际就是一个判断数组内的元素是否符合某个条件
eg:
var array1 = [1,2,3,4,5]; array1.filter(function (element) { return element % 2 !== 0; });
将原来数组里面的偶数全部丢弃。
sort -->这个方法有意思,排序,也是高阶函数
这个函数默认先把数组里面的元素全部转换为字符串再进行排序
so:
var array1 = [2,3,10]; array1.sort(); //-->[3,2,10]
当sort()的function参数为空的时候,进行默认排序,先将数组元素转换为"2","3","10",所以为什么得到这个排序结果就很明了了
所以,一般sort()的用法如下:(function参数不为空)
var array1 = [2,3,10]; array1.sort(function (x,y){ if(x > y) { return 1; }else { return -1; } }); //-->[10,3,2]
相关文章推荐
- js中的各种宽高
- 解析JSON数据的详细步骤以及偷懒技巧(使用第三方库GSON以及GsonFormat工具)
- netctoss01_项目概述及规范【Servlet+JSP版】
- html、css、js的命名规范
- js继承学习
- jsp内置对象*response
- jsp内置对象*session
- jsp内置对象*out
- jsp内置对象*page
- jsp内置对象*exception
- jsp内置对象*pageContext
- jsp内置对象*config
- JavaScript--Map和Set介绍
- 【前端】Sublime text3 插件HTML/CSS/JS prettify 格式化代码
- bzoj 1031: [JSOI2007]字符加密Cipher 后缀数组
- 1016: [JSOI2008]最小生成树计数
- JSP—九大隐式对象之pageContext
- 关于sort的使用
- Javascript的数据类型简述
- JS之数组