JavaScript学习笔记 #4

函数（二）

4. 高阶函数

一个函数可以接收另一个函数作为参数，这种函数就称之为高阶函数。

4.1 map/reduce

map(fun(x))类似Python pandas中的map()函数;
reduce(fun(x,y))可以把一个函数作用在Array上，这个函数必须接受两个参数，reduce()把结果继续和序列的下一个元素做累积计算。

• 练习总结
  1. map和reduce都不会改变原有对象，而是返回一个新对象.
  2. String转化成Number有三种方式，一种是使用parseInt()或parseFloat()；一种是使用显式类型转换Number()；还有一种是将字符串*1，此时字符串隐式转换成Number类型.
  3. map()实际上会传入三个参数给调用函数，分别是(currentValue, index, callingArray)，后两者是可选的.
     当调用函数只接受一个参数时，map则会将currentValue传入；当调用函数接受两个参数时，map则会将currenValue和index传入，此时有可能造成错误，如下：

     var arr = ['1', '2', '3'];
     var r;
     r = arr.map(parseInt);
     console.log(r);
     
     //结果如下
     1,NaN,NaN
     //因为parseInt(value,?radix)实际可接受两个参数，radix声明多少进制，过程如下
     parseInt(1,0) //0或未指定时，默认转化为十进制
     parseInt(2,1) //一进制中没有2
     pareseInt(3,2)//二进制中只有0,1
     

4.2 filter

filter()用于把Array的某些元素过滤掉，然后返回剩下的元素:

// 去除偶数
var arr = [1, 2, 4, 5, 6, 9, 10, 15];
var r = arr.filter(function(x){
	return x%2 !=0;
});
r; // [1,5,9,15]

// 去除重复元素
var 
	r,
    arr = ['apple', 'strawberry', 'banana', 'pear', 'apple', 'orange', 'orange', 'strawberry'];
    r = arr.filter(function(element,index,self){
    	return self.indexOf(element) == index;
    })

4.3 sort

sort()同样可以作为高阶函数接受调用函数，通常规定，对于两个元素x和y，如果认为x < y，则返回-1，如果认为x == y，则返回0，如果认为x > y，则返回1，不用关心具体排序过程。

// 字符串根据ASCII码进行排序，而小写字母a的ASCII码在大写字母之后，
// 如果使用sort()默认排序则会出现错误，因此需要改写排序规则
var arr = ['Google', 'apple', 'Microsoft'];
arr.sort(function (s1, s2) {
    x1 = s1.toUpperCase();
    x2 = s2.toUpperCase();
    if (x1 < x2) {
        return -1;
    }
    if (x1 > x2) {
        return 1;
    }
    return 0;
}); // ['apple', 'Google', 'Microsoft']

注意：sort会修改原有的Array。

4.4 Array

Array对象还提供了很多非常实用的高阶函数。

• every()方法可以判断数组的所有元素是否满足测试条件。
• find()方法用于查找符合条件的第一个元素，如果找到了，返回这个元素，否则，返回undefined。
• findIndex()和find()类似，也是查找符合条件的第一个元素，不同之处在于findIndex()会返回这个元素的索引，如果没有找到，返回-1。
• forEach()和map()类似，它也把每个元素依次作用于传入的函数，但不会返回新的数组。forEach()常用于遍历数组，因此，传入的函数不需要返回值。