reduce方法应用技巧

定义和用法

reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。
注意: reduce() 对于空数组是不会执行回调函数的。

浏览器支持

语法

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

基本用法

基本的数值运算，例如求和：

var numbers = [65, 44, 12, 4];
numbers.reduce(function(total, currentValue) {
    return total + currentValue;
});

进阶应用

数组转换为对象

var arr = [{
    n: "小明",
    a: 18,
    s: "男"
}, {
    n: "小红",
    a: 17,
    s: "女"
}];
arr.reduce(function(total, currentValue, currentIndex) {
    total[currentValue.n] = {
        age: currentValue.a,
        sex: currentValue.s
    };
    return total;
}, {})

链式调用

let pipe = (function() {
    return function(value, context) {
        context = context || window;
        let methods = [];
        let oproxy = new Proxy({}, {
            get(target, methodName) {
                if(methodName === 'get') {
                    return methods.reduce((val, fn) => fn(val, context), value);
                } else {
                    methods.push(context[methodName]);
                    return oproxy;
                }
            }
        });
        return oproxy;
    }
})();

let obj = {
    double: val => val * 2,
    pow: val => val * val

}
pipe(4, obj).double.pow.get //64

本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！

链接: https://shenqiku.cn/article/FLY_5866