js高阶函数 reduce/filter

reduce

array.reduce(function(total, currentValue, currentIndex, arr), initialValue)

total 必需。初始值, 或者计算结束后的返回值。
currentValue 必需。当前元素
currentIndex 可选。当前元素的索引
arr 可选。当前元素所属的数组对象。
initialValue 可选。传递给函数的初始值

例：计算给定数组 arr=[ 1, 2, 3, 4 ] 中所有元素的总和

//输入[ 1, 2, 3, 4 ]
//输出10
let sum = arr=>{
	return arr.reduce((x,y)=>{return x+y})
}

例：利用reduce()求积：

return arr.reduce((x,y) => x*y)

例：把一个字符串13579先变成Array——[1, 3, 5, 7, 9]，再利用reduce()就可以写出一个把字符串转换为Number的函数

let string2int = s => {
	return s.split('').map(x => x*1).reduce((x,y) => x*10 + y)
}
// 测试:
if (string2int('0') === 0 && string2int('12345') === 12345 && string2int('12300') === 12300) {
    if (string2int.toString().indexOf('parseInt') !== -1) {
        console.log('请勿使用parseInt()!');
    } else if (string2int.toString().indexOf('Number') !== -1) {
        console.log('请勿使用Number()!');
    } else {
        console.log('测试通过!');
    }
}
else {
    console.log('测试失败!');
}

例：输入：[‘adam’, ‘LISA’, ‘barT’]，输出：[‘Adam’, ‘Lisa’, ‘Bart’]。

arr.map(s => s[0].toUpperCase() + s.slice(1).toLowerCase())

filter

filter()接收的回调函数，其实可以有多个参数。通常我们仅使用第一个参数，表示Array的某个元素。回调函数还可以接收另外两个参数，表示元素的位置和数组本身：

var arr = ['A', 'B', 'C'];
var r = arr.filter(function (element, index, self) {
    console.log(element); // 依次打印'A', 'B', 'C'
    console.log(index); // 依次打印0, 1, 2
    console.log(self); // self就是变量arr
    return true;
});

例：利用filter，可以巧妙地去除Array的重复元素：

let arr = ['apple', 'strawberry', 'banana', 'pear', 'apple', 'orange', 'orange', 'strawberry'];
let r = arr.filter((element, index, self) =>{
    return self.indexOf(element) === index;
});
console.log(r);//输出[apple,strawberry,banana,pear,orange]

例：移除数组 arr 中的所有值与 item 相等的元素。不要直接修改数组 arr，结果返回新的数组

//输入[1, 2, 3, 4, 2], 2
//输出[1, 3, 4]
let remove = (arr, item)=> {
    return arr.filter((e)=>{
        return e!=item
    })
}

例：把一个Array中的空字符串删掉

let arr = ['A', '', 'B', null, undefined, 'C', '  '];
let r = arr.filter(s=> {
    return s && s.trim(); // 注意：IE9以下的版本没有trim()方法
});
r; // ['A', 'B', 'C']