zoukankan      html  css  js  c++  java
  • [Immutable.js] Transforming Immutable Data with Reduce

    Immutable.js iterables offer the reduce() method, a powerful and often misunderstood functional operator on which map(), filter(), groupBy(), etc. are built. The concept is simple: reduce transforms your iterable into something else, that's all. The name is misleading as you may or may not actually "reduce" anything. Let's replicate the groupBy() and filter() methods with reduce to illustrate how it works.

    Assume you have a list to todos, each todo with a "completed" prop:

    groupBy() like:

    const todos = Immutable.List([
      {
        id: 1,
        title: "Immutable.js",
        completed: true
      },
      {
        id: 2,
        title: "RxJS",
        completed: false
      },
      {
        id: 3,
        title: "ReactJS",
        completed: false
      }
    ]);
    
    const groupedTodos = todos.reduce( (acc, curr)=>{
      
      let key = curr.completed ? "completed" : "Incompleted";
      
      // Initial value is an Immutable Map object, so use get("completed") to get the Immutable.List(), then push the curr value into it
      let list = acc.get(key).push(curr);
      // Immutable return a new list from last push, so we need to set this list to the initial value
      return acc.set(key, list);
      
    }, Immutable.Map({"completed": Immutable.List(), "Incompleted": Immutable.List()}));
    
    console.log(groupedTodos.get("Incompleted").get(1).title); //"ReactJS"

    filter() like:

    // Get all imcompleted todos
    const filteredTodos = todos.reduce( (acc, curr)=>{
      
      if(!curr.completed){
         acc = acc.push(curr);
      }
      
      return acc;
    }, Immutable.List());
    
    console.log(filteredTodos.get(1).title); // "ReactJS"
  • 相关阅读:
    控制TABLE的一些属性
    windows7中各个dll文件作用和用途
    left join on and与left join on where的区别
    号外,left join比连表语句快80倍
    JS跳转语句
    [jQuery,Dojo,MooTools]
    CYQ.Data 数据框架 V3.5 开源版本发布(源码提供下载)
    Scala开发小小总结
    性能测试工具原理与架构
    joomla1.5模块开发和插件开发详解带实例
  • 原文地址:https://www.cnblogs.com/Answer1215/p/5206013.html
Copyright © 2011-2022 走看看