zoukankan      html  css  js  c++  java
  • [Transducer] Make an Into Helper to Remove Boilerplate and Simplify our Transduce API

    Our transduce function is powerful but requires a lot of boilerplate. It would be nice if we had a way to transduce into arrays and objects without having to specify the inner reducer behaviour, i.e. how to build up values, since a given collection type will almost always have the same inner reducer.

    In this lesson we'll being doing just that with an into() helper function that will know if an array or object collection is passed in and handle each case accordingly.

     The whole point to make 'into' helper is hide the inner reducer logic from user. So 'into' helper will check the target's type, based on the type, will use different inner reducer.
     
    import {isPlainObject, isNumber} from 'lodash';
    import {compose, map, filter, pushReducer} from '../utils';
    
    //current transduce
    const transduce = (xf /** could be composed **/, reducer, seed, collection) => {
        const transformedReducer = xf(reducer);
        let accumulation = seed;
        for (let value of collection) {
            accumulation = transformedReducer(accumulation, value);
        }
    
        return accumulation;
    };
    
    const objectReducer = (obj, value) => Object.assign(obj, value);
    
    const into = (to, xf, collection) => {
        if (Array.isArray(to)) return transduce(xf, pushReducer, to, collection);
        else if (isPlainObject(to)) return transduce(xf, objectReducer, to, collection);
        throw new Error('into only supports arrays and objects as `to`');
    };
    
    into(
      [],
      compose(
        map(x => x/2),
        map(x => x * 10)
      ),
      [1,2,3,4],
    );
    
    into(
      {},
      compose(filter(isNumber), map(val => ({[val]: val}))),
      [1,2,3,4, 'hello', () => 'world'],
    );

    utils:

    export const compose = (...functions) =>
        functions.reduce((accumulation, fn) =>
            (...args) => accumulation(fn(...args)), x => x);
    
    export const map = xf => reducer => {
        return (accumulation, value) => {
            return reducer(accumulation, xf(value));
        };
    };
    
    export const filter = predicate => reducer => {
        return (accumulation, value) => {
            if (predicate(value)) return reducer(accumulation, value);
            return accumulation;
        };
    };
    export const pushReducer = (accumulation, value) => {
        accumulation.push(value);
        return accumulation;
    };
  • 相关阅读:
    输出python的help结果到文件中
    webdriver 的三种等待方式
    Loadrunner 怎么将response的数据下载下来
    Loadrunner web_reg_find 和web_reg_save_param 比较
    LR的响应时间与使用IE所感受时间不一致的讨论
    Loadrunner错误-26601、-27492、-27727处理方法
    loadrunner运行乱码解决方法
    OpenGL ES: (1) OpenGL ES的由来 (转)
    JPG:文件格式系列科普之.JPEG/.JPG(转)
    单色位图、16色位图、256色位图的含义
  • 原文地址:https://www.cnblogs.com/Answer1215/p/8305758.html
Copyright © 2011-2022 走看看