V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
ChefIsAwesome

JS 函数式编程之递归。

  •  
  •   ChefIsAwesome · Aug 29, 2019 · 2950 views
    This topic created in 2436 days ago, the information mentioned may be changed or developed.

    递归是函数式编程一大特色。函数式风格在 JS 圈子里也很流行。ES6 的数组解构有点模式匹配的味道,用 JS 也能以较为直观的方式写递归。

    下面实现一个对数组做深度 flatMap 的函数,跟大家分享下 JS 写递归的样子。

    flatMap: 把嵌套的数组扁平化。如 flatMap([ [1,2,3], [4,5,6] ]) = [1,2,3,4,5,6]

    函数式风格的伪代码:

     
    flatMap([a, ...as]) = [...flatMap(a), ...flatMap(as)] 
    where a = Array
    
    flatMap([b, ...bs]) = [b, ...flatMap(bs)]
    where b = Anything but Array 
    
    flatMap([]) = []
    
    

    完整的 JS 代码:

    
    const flatMap = function(t) {
      if (t.length === 0) {
        return [];
      }
    
      const [a, ...as] = t;
    
      if (!Array.isArray(a)) {
        return [a, ...flatMap(as)];
      }
    
      return [ ...flatMap(a), ...flatMap(as) ];
    };
    
    
    

    可以看到 JS 写出来也不算罗嗦,还是很清爽的。

    很多人谈起递归就皱眉头,其实递归就是数学归纳法。知道最后返回的是什么类型,知道递归时每种参数的类型,大概想想,写就完事了。

    1 replies    2019-08-29 20:16:35 +08:00
    dany813
        1
    dany813  
       Aug 29, 2019
    挺简洁的
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2688 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 237ms · UTC 15:08 · PVG 23:08 · LAX 08:08 · JFK 11:08
    ♥ Do have faith in what you're doing.