blocks|key|3988962|text|这不是使用ramda，而是香草JS。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3988963|​|3988964|const+data+=+[+
++{+top:+'top1',
++++name:+'junk-key-a-101'+},
++{+top:+'top1',
++++name:+'junk-key-b-102'+},
++{+top:+'top2',
++++name:+'junk-key-c-103'+},
++{+top:+'top2',
++++name:+'junk-key-c-104'+}+];

const+res+=+data.reduce((acc,+val,+ind,+arr)+=>+{
++const+top+=+val.top;
++//+if+the+top+does+not+exist+in+the+obj,+create+it
++if+(!acc[top])+{
++++acc[top]+=+{};
++}
++//+get+the+key+through+split.+you+could+also+use+a+regex+here
++const+keyFragments+=+val.name.split('-');
++const+key+=+[keyFragments[1],+keyFragments[2]].join('-');
++//+if+the+key+obj+prop+does+not+exist+yet,+create+the+array
++if+(!acc[top][key])+{
++++acc[top][key]+=+[];+
++}
++//+push+the+value
++acc[top][key].push({+name:+val.name,+top:+val.top+});
++return+acc;
},+{});
console.log(res);|code-block|syntax|javascript|3988965|3988966|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<p>This is not using ramda, but vanilla JS. </p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>const data = [ 
  { top: 'top1',
    name: 'junk-key-a-101' },
  { top: 'top1',
    name: 'junk-key-b-102' },
  { top: 'top2',
    name: 'junk-key-c-103' },
  { top: 'top2',
    name: 'junk-key-c-104' } ];

const res = data.reduce((acc, val, ind, arr) =&gt; {
  const top = val.top;
  // if the top does not exist in the obj, create it
  if (!acc[top]) {
    acc[top] = {};
  }
  // get the key through split. you could also use a regex here
  const keyFragments = val.name.split('-');
  const key = [keyFragments[1], keyFragments[2]].join('-');
  // if the key obj prop does not exist yet, create the array
  if (!acc[top][key]) {
    acc[top][key] = []; 
  }
  // push the value
  acc[top][key].push({ name: val.name, top: val.top });
  return acc;
}, {});
console.log(res);</code></pre>
</div>
</div>
</p>


blocks|key|3992024|text|另一种方法是构造每个最终对象并将它们全部合并：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3992025|您可以转换此对象：|3992026|{
++"top":+"top1",
++"name":+"junk-key-a-101"
}|code-block|syntax|javascript|3992027|进入这一步：|3992028|{
++"top1":+{
++++"key-a":+[
++++++{
++++++++"name":+"junk-key-a-101",
++++++++"top":+"top1"
++++++}
++++]
++}
}|3992029|使用这些函数：|3992030|const+key+=+slice(5,+-4);

const+obj+=+({top,+name})+=>+({
++[top]:+{
++++[key(name)]:+[
++++++{top,+name}
++++]
++}
});|3992031|因此，现在您可以对数据进行迭代，转换每个对象，然后将它们合并在一起：|3992032|const+groupByTopTenZone+=+reduce(useWith(mergeDeepWith(concat),+[identity,+obj]),+{});|3992033|完整示例：|3992034|​|3992035|const+{slice,+useWith,+identity,+reduce,+mergeDeepWith,+concat}+=+R;

const+data+=+[+
++{+top:+'top1',
++++name:+'junk-key-a-101'+},
++{+top:+'top1',
++++name:+'junk-key-b-102'+},
++{+top:+'top2',
++++name:+'junk-key-c-103'+},
++{+top:+'top2',
++++name:+'junk-key-c-104'+}
];


const+key+=+slice(5,+-4);

const+obj+=+({top,+name})+=>+({
++[top]:+{
++++[key(name)]:+[
++++++{top,+name}
++++]
++}
});

const+groupByTopTenZone+=+reduce(useWith(mergeDeepWith(concat),+[identity,+obj]),+{});

console.log(
++
++groupByTopTenZone(data)

)|3992036|<script+src="//cdnjs.cloudflare.com/ajax/libs/ramda/0.26.1/ramda.js"></script>|3992037|3992038|entityMap^0|0|0|0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|15|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|16|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|17|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|18|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|19|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|1A|8|@]|9|@]|A|$]]|$1|O|3|P|5|F|7|1B|8|@]|9|@]|A|$G|H]]|$1|Q|3|R|5|6|7|1C|8|@]|9|@]|A|$]]|$1|S|3|T|5|F|7|1D|8|@]|9|@]|A|$G|H]]|$1|U|3|V|5|6|7|1E|8|@]|9|@]|A|$]]|$1|W|3|X|5|6|7|1F|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|F|7|1G|8|@]|9|@]|A|$G|H]]|$1|10|3|11|5|F|7|1H|8|@]|9|@]|A|$G|H]]|$1|12|3|X|5|6|7|1I|8|@]|9|@]|A|$]]|$1|13|3|-4|5|6|7|1J|8|@]|9|@]|A|$]]]|14|$]]

<p>Another way would be to construct each final object and merge them all:</p>

<p>You can transform this object:</p>

<pre><code>{
  "top": "top1",
  "name": "junk-key-a-101"
}
</code></pre>

<p>Into this one:</p>

<pre><code>{
  "top1": {
    "key-a": [
      {
        "name": "junk-key-a-101",
        "top": "top1"
      }
    ]
  }
}
</code></pre>

<p>With these functions:</p>

<pre><code>const key = slice(5, -4);

const obj = ({top, name}) =&gt; ({
  [top]: {
    [key(name)]: [
      {top, name}
    ]
  }
});
</code></pre>

<p>So now you can iterate on your data, transform each object and merge them together:</p>

<pre><code>const groupByTopTenZone = reduce(useWith(mergeDeepWith(concat), [identity, obj]), {});
</code></pre>

<p>Full example:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>const {slice, useWith, identity, reduce, mergeDeepWith, concat} = R;

const data = [ 
  { top: 'top1',
    name: 'junk-key-a-101' },
  { top: 'top1',
    name: 'junk-key-b-102' },
  { top: 'top2',
    name: 'junk-key-c-103' },
  { top: 'top2',
    name: 'junk-key-c-104' }
];


const key = slice(5, -4);

const obj = ({top, name}) =&gt; ({
  [top]: {
    [key(name)]: [
      {top, name}
    ]
  }
});

const groupByTopTenZone = reduce(useWith(mergeDeepWith(concat), [identity, obj]), {});

console.log(
  
  groupByTopTenZone(data)

)</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="//cdnjs.cloudflare.com/ajax/libs/ramda/0.26.1/ramda.js"&gt;&lt;/script&gt;</code></pre>
</div>
</div>
</p>


<p>This is similar to <a href="https://stackoverflow.com/questions/45406371/multi-level-groupby-ramda-js">multi level groupby ramda js</a>, but with a twist that is giving me trouble. In addition to a two level grouping, I'd like the inner group by to be on a processed version of the property value.</p>

<p>Consider data like this:</p>

<pre><code>const data = [ 
  { top: 'top1',
    name: 'junk-key-a-101' },
  { top: 'top1',
    name: 'junk-key-b-102' },
  { top: 'top2',
    name: 'junk-key-c-103' },
  { top: 'top2',
    name: 'junk-key-c-104' } ];
</code></pre>

<p>I can pull out the key, process it and make it unique like so:</p>

<pre><code>const getZoneFromName = n =&gt;  join('-', slice(1, 3, split('-', n)));
uniq(map(getZoneFromName, pluck('name', data)));
</code></pre>

<p>which will get me a nice list:</p>

<pre><code>["key-a", "key-b", "key-c"]
</code></pre>

<p>I can group the list at two levels fine:</p>

<pre><code>const groupByTopThenZone = pipe(
  groupBy(prop("top")),
  map(groupBy(prop("name")))
);
groupByTopThenZone(data);
</code></pre>

<p>But I cannot figure out how to combine them to get the following output:</p>

<pre><code>{
    top1: {
        "key-a": [
            {
                name: "junk-key-a-101",
                top: "top1"
            }
        ],
        "key-b": [
            {
                name: "junk-key-b-102",
                top: "top1"
            }
        ]
    },
    top2: {
        "key-c": [
            {
                name: "junk-key-c-103",
                top: "top2"
            },
            {
                name: "junk-key-c-104",
                top: "top2"
            }
        ]
    }
}
</code></pre>

<p>I'm feeling a bit silly that I can't get this. Any ideas? <a href="https://ramdajs.com/repl/?v=0.26.1#?const%20data%20%3D%20%5B%20%0A%20%20%7B%20top%3A%20%27top1%27%2C%0A%20%20%20%20name%3A%20%27junk-key-a-101%27%20%7D%2C%0A%20%20%7B%20top%3A%20%27top1%27%2C%0A%20%20%20%20name%3A%20%27junk-key-b-102%27%20%7D%2C%0A%20%20%7B%20top%3A%20%27top2%27%2C%0A%20%20%20%20name%3A%20%27junk-key-c-103%27%20%7D%2C%0A%20%20%7B%20top%3A%20%27top2%27%2C%0A%20%20%20%20name%3A%20%27junk-key-c-104%27%20%7D%20%5D%3B%0A%0Aconst%20getZoneFromName%20%3D%20n%20%3D%3E%20%20join%28%27-%27%2C%20slice%281%2C%203%2C%20split%28%27-%27%2C%20n%29%29%29%3B%0A%2F%2Funiq%28map%28getZoneFromName%2C%20pluck%28%27name%27%2C%20data%29%29%29%3B%0A%0Aconst%20groupByTopThenZone%20%3D%20pipe%28%0A%20%20groupBy%28prop%28%22top%22%29%29%2C%0A%20%20map%28groupBy%28prop%28%22name%22%29%29%29%0A%29%3B%0A%0A%2F%2A%0Aconst%20groupByTopThenZone%20%3D%20pipe%28%0A%20%20groupBy%28prop%28%22top%22%29%29%2C%0A%20%20map%28groupBy%28getZoneFromName%28prop%28%22name%22%29%29%29%29%0A%29%3B%0A%2A%2F%0AgroupByTopThenZone%28data%29%3B%0A" rel="nofollow noreferrer">Here</a> is a place to play with it.</p>


multi level groupby with function on a property

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

这与类似，但有一点不同，这给我带来了麻烦。除了两级分组之外，我还希望内部group by位于属性值的处理版本上。考虑如下数据：const data = [   { top: 'top1',    name: 'junk-key-a-101' },  { top: 'top1',    name: 'junk-key-b...

问具有属性上的函数的多级groupby
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问具有属性上的函数的多级groupbyEN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问具有属性上的函数的多级groupby
EN