您的位置:首页 > Web前端 > JavaScript

JavaScript--map、reduce、filter、sort

2016-02-28 15:04 525 查看
map -- JavaScript区分大小写,Map是数据类型,map是定义在数组里面的方法。

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]



                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: