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']