zoukankan      html  css  js  c++  java
  • [Ramada] Build a Functional Pipeline with Ramda.js

    We'll learn how to take advantage of Ramda's automatic function currying and data-last argument order to combine a series of pure functions into a left-to-right composition, or pipeline, with Ramda's pipe function.

    A simple example will take 'teams' array and output the best score team's name. We use 'R.sort', 'R.head' and 'R.prop' to get job done:

    const teams = [
      {name: 'Lions', score: 5},
      {name: 'Tigers', score: 4},
      {name: 'Bears', score: 6},
      {name: 'Monkeys', score: 2},
    ];
    
    const getTopName = function(teams){
      const sorted = R.sort( (a,b) => b.score > a.score, teams);
      const bestTeam = R.head(sorted);
      const name = R.prop('name', bestTeam);
      return name;
    }
    
    const result = getTopName(teams)
    console.log(result)

    One thing in Ramda which is really cool that, for example, 'R.sort' takes two arguements, if you don't passin the second arguement which is 'teams', it will then return a function, so that it enable you currying function and take second arguement as param.

    const teams = [
      {name: 'Lions', score: 5},
      {name: 'Tigers', score: 4},
      {name: 'Bears', score: 6},
      {name: 'Monkeys', score: 2},
    ];
    
    
    const getBestTeam = R.sort( (a,b) => b.score > a.score);
    const getTeamName = R.prop('name');
    const getTopName = function(teams){
      const sorted = getBestTeam(teams);
      const bestTeam = R.head(sorted);
      const name = getTeamName(bestTeam);
      return name;
    }
    
    const result = getTopName(teams)
    console.log(result)

    We will still get the same result.

    Use 'R.pipe' to chain function together

    In functional programming or lodash (_.chain), we get used to write chain methods, in Ramda, we can use R.pipe():

    const teams = [
      {name: 'Lions', score: 5},
      {name: 'Tigers', score: 4},
      {name: 'Bears', score: 6},
      {name: 'Monkeys', score: 2},
    ];
    
    
    const getBestTeam = R.sort( (a,b) => b.score > a.score);
    const getTeamName = R.prop('name');
    const getTopName = R.pipe(
      getBestTeam,
      R.head,
      getTeamName
    );
    
    /*
    const getTopName = function(teams){
      const sorted = getBestTeam(teams);
      const bestTeam = R.head(sorted);
      const name = getTeamName(bestTeam);
      return name;
    }*/
    
    const result = getTopName(teams)
    console.log(result)
  • 相关阅读:
    Xamarin和微软发起.NET基金会
    迷你 MVC
    编制进度计划、保存基准
    JQuery UI Layout Plug-in布局
    (转载)Log4Net 在多层项目中的使用小记
    Json.Net6.0
    EasyUI搭建前端框架
    using和yield return
    ExpandoObject,DynamicObject,DynamicMetaObject
    Net 4.0 之 Dynamic 动态类型
  • 原文地址:https://www.cnblogs.com/Answer1215/p/5801424.html
Copyright © 2011-2022 走看看