zoukankan      html  css  js  c++  java
  • [Ramda] Get a List of Unique Values From Nested Arrays with Ramda (flatMap --> Chain)

    In this lesson, we'll grab arrays of values from other arrays, resulting in a nested array. From there, we'll look at multiple ways to flatten the array structure using composition with map and unnest and then refactoring to use chain, AKA flatMap. Finally, we'll add Ramda's uniq function to remove duplicate values.

    const R = require('ramda');
    
    const {map, chain, prop, pluck, compose, uniq, tap, curry} = R;
    
    const product = {
        name: "Sample Data",
        sizes: [
            {
                name: "L",
                colors: [
                    {
                        name: "Red"
                    },
                    {
                        name: "Blue"
                    }
                ]
            },
            {
                name: "M",
                colors: [
                    {
                        name: "Green"
                    },
                    {
                        name: "Yellow"
                    }
                ]
            },
            {
                name: "S",
                colors: [
                    {
                        name: "Orange"
                    },
                    {
                        name: "Purple"
                    },
                    {
                        name: "Blue"
                    }
                ]
            }
        ]
    };
    
    const log = curry((desc, x) => R.tap(() => console.log(desc, JSON.stringify(x, null, 2)), x));
    
    // Target: to get unique array of color from product object
    
    const sizes = prop('sizes');
    const getColors = chain(prop('colors')); // flatMap, get colors props from array of objects
    const getColorNames = pluck('name'); // get name prop from array of objects
    const res = compose(
        uniq,
        log("after name"),
        getColorNames,
        log("after colors"),
        getColors,
        log("after sizes"),
        sizes
    )(product);
    
    console.log(JSON.stringify(res, null, 2));
    /*
    * after sizes [
      {
        "name": "L",
        "colors": [
          {
            "name": "Red"
          },
          {
            "name": "Blue"
          }
        ]
      },
      {
        "name": "M",
        "colors": [
          {
            "name": "Green"
          },
          {
            "name": "Yellow"
          }
        ]
      },
      {
        "name": "S",
        "colors": [
          {
            "name": "Orange"
          },
          {
            "name": "Purple"
          },
          {
            "name": "Blue"
          }
        ]
      }
    ]
    after colors [
      {
        "name": "Red"
      },
      {
        "name": "Blue"
      },
      {
        "name": "Green"
      },
      {
        "name": "Yellow"
      },
      {
        "name": "Orange"
      },
      {
        "name": "Purple"
      },
      {
        "name": "Blue"
      }
    ]
    after name [
      "Red",
      "Blue",
      "Green",
      "Yellow",
      "Orange",
      "Purple",
      "Blue"
    ]
    [
      "Red",
      "Blue",
      "Green",
      "Yellow",
      "Orange",
      "Purple"
    ]
    * */
  • 相关阅读:
    JVM描述符标识字符含义
    finally代码块的执行
    职业发展心之某日与领导的聊天
    springboot由于bean加载顺序导致的问题
    springboot自动配置国际化失效分析
    springboot 2.1.3.RELEASE添加filter,servlet源码学习
    jquery 数组添加不重复数据
    Oracle执行存储过程报错——ora-01031:权限不足
    oracle 存储过程使用动态sql
    将jsp页面的<s:iterator>的数据返回到action
  • 原文地址:https://www.cnblogs.com/Answer1215/p/6480706.html
Copyright © 2011-2022 走看看