函数式编程实战（一）

假设有如下测试数据（抓取了阮一峰老师的部分数据，希望阮老师不要介意）:

[
  {
    "title": "周刊",
    "href": "http://www.ruanyifeng.com/blog/weekly/",
    "categories": [
      {
        "title": "科技爱好者周刊：第 80 期",
        "href": "http://www.ruanyifeng.com/blog/2019/11/weekly-issue-80.html",
        "publishTime": "2019-11-01",
        "commentCounts": 18
      },
      {
        "title": "科技爱好者周刊：第 79 期",
        "href": "http://www.ruanyifeng.com/blog/2019/10/weekly-issue-79.html",
        "publishTime": "2019-10-25",
        "commentCounts": 44
      }
    ]
  },
  {
    "title": "创业",
    "href": "http://www.ruanyifeng.com/blog/startup/",
    "categories": [
      {
        "title": "谷歌的绩效管理",
        "href": "http://www.ruanyifeng.com/blog/2016/03/performance-management.html",
        "publishTime": "2016-03-29",
        "commentCounts": 19
      },
      {
        "title": "七个对我最重要的职业建议（译文）",
        "href": "http://www.ruanyifeng.com/blog/2015/09/career-advice.html",
        "publishTime": "2015-09-18",
        "commentCounts": 47
      }
    ]
  }
]

然后我们需要处理如下问题：获取2019年评论最多的文章的名称

假设我们以命令式的编程思想来处理这个问题，那可能需要这样来解决：

// data 为上述数据
var maxCount = 0;
var maxTitle = '';
for (let i = 0; i < data.length; ++i) {
  let categories = data[i].categories;
  for (let j = 0; j < categories.length; ++j) {
    let cat = categories[j];
    if (cat.publishTime < '2019-01-01') {
      continue;
    }

    if (maxCount < cat.commentCounts) {
      maxCount = cat.commentCounts,
      maxTitle = cat.title
    }
  }
}

console.log(`title: ${maxTitle}, comments: ${maxCount}`);
// => title: 科技爱好者周刊：第 79 期, comments: 44

然后我们以函数式的思想来解决这个问题：

var R = require('ramda');

// 文章列表保存在categories中， 所以首先我们要取这个属性
var getCates = R.map(R.prop('categories'));
// console.log(getCates(data));  // 这时输出的格式是一个二维数组: [[...], [...]]

// 我们需要将二维数组展开成一维数组
var unnestCates = R.compose(R.unnest, getCates);
// console.log(unnestCates(data)) // 这时我们就得到一个文章列表的一维数组了

// 接下去我们需要找出2019年发表的文章
var timeGt2019 = R.compose(R.lt('2019-01-01'), R.prop('publishTime'));
var getGt2019Cates = R.compose(R.filter(timeGt2019), unnestCates);
// console.log(getGt2019Cates(data));

// 然后我们对数组元素按照评论数进行降序排序
var descSort = R.sort(R.descend(R.prop('commentCounts')));
var getSorted2019Cates = R.compose(descSort, getGt2019Cates);
// console.log(getSorted2019Cates(data));

// 最后我们只需要取出数组的第一个元素即可
var result = R.head(getSorted2019Cates(data));

console.log(`title: ${result.title}, comments: ${result.commentCounts}`);
// => title: 科技爱好者周刊：第 79 期, comments: 44

可以看到我们获取到了正确的结果，接下去再对上面的代码进行简化:

var R = require('ramda');
var getMostCommentsCatIn2019 = R.compose(
  R.head,
  R.sort(R.descend(R.prop('commentCounts'))),
  R.filter(
    R.compose(
      R.lt('2019-01-01'), 
      R.prop('publishTime'))
  ),
  R.compose(
    R.unnest,
    R.map(R.prop('categories'))
  )
);

var result = getMostCommentsCatIn2019(data);
console.log(`title: ${result.title}, comments: ${result.commentCounts}`);

到此为止已经全部结束，大家可以看到使用函数式后，所有的循环和if判断都没有了，是不是很神奇呢~