javascript - Immutable.js 拆分 Map 类型的键

Question

考虑以下 example使用 Immutable 的 List 和 Map 集合:

const Map = Immutable.Map;
const List = Immutable.List;

const origin = List([Map({name: 'element1', groupKey: Map({id1: 'foo', id2: 'bar'})}), Map({name: 'element2', groupKey: Map({id3: 'foo'})})]);

console.log("Origin:", String(origin));

const grouped = origin.groupBy( el => el.get('groupKey'));

console.log("Grouped:", String(grouped));

console.log("Expected", "OrderedMap { 'id1': List [ Map { 'name': 'element1', 'groupKey': Map { 'id1': 'foo', 'id2': 'bar' } } ], 'id2': List [ Map { 'name': 'element1', 'groupKey': Map { 'id1': 'foo', 'id2': 'bar' } } ], 'id3': List [ Map { 'name': 'element2', 'groupKey': Map { 'id3': 'foo' } } ] }");

基本上，我正在寻找的是一种通过groupKey对来自origin的包含 map 进行分组的方法，其中每个id(id1 , id2, id3) 指向以下映射:

{
 id1: [{'name': 'element1', ...}],
 id2: [{'name': 'element1', ...}],
 id3: [{'name': 'element2', ...}],
} 

我不知道如何拆分从 groupBy 返回的结果键(在本例中是 map )。我尝试使用 mapping functions由 API 提供，但它们似乎不能用于根据需要更改基数。

实现这一目标的最简洁方法是什么？

Answer 1

el.get('groupKey') 的值是唯一映射。因此，每个元素都在它自己的组中。

groupBy 函数不能按多个键分组，每个元素都将放在一个组中。

const origin = List([
  Map({name: 'element1', groupKey: 'banana'}), 
  Map({name: 'element2', groupKey: 'rocket'}),
  Map({name: 'element3', groupKey: 'rocket'}),
  Map({name: 'element4', groupKey: 'rocket'}),
]);

const groupedMap = origin.groupBy( el => el.get('groupKey'));
// results in:
// "OrderedMap { 'banana': List [ Map { 'name': 'element1', 'groupKey': 'banana' } ], 'rocket': List [ Map { 'name': 'element2', 'groupKey': 'rocket' }, Map { 'name': 'element3', 'groupKey': 'rocket' }, Map { 'name': 'element4', 'groupKey': 'rocket' } ] }"

如果您想按多个值分组，如您的示例所示，那么您需要编写自己的分组函数。列表对于分组键可能更有意义，但让我们坚持这个例子:

const Map = Immutable.Map;
const List = Immutable.List;
const OrderedMap = Immutable.OrderedMap;

const origin = List([
  Map({name: 'element1', groupKey: Map({id1: 'foo', id2: 'bar'})}),
  Map({name: 'element2', groupKey: Map({id3: 'foo'})}),
  Map({name: 'element3', groupKey: Map({id99: 'bar'})}),
  Map({name: 'element4'}),
]);

function groupByMap(map, mapKey) {
  const groups = {};
  let keyMap;
  map.forEach(elem => {
    keyMap = elem.get(mapKey);
    if (Immutable.isCollection(keyMap)) {
      keyMap.valueSeq().forEach(k => {
        if (!groups[k]) {
          groups[k] = [elem];
        } else {
          groups[k].push(elem);
        }
      });
    } else if(groups['lost+found']){
      groups['lost+found'].push(elem);
    } else {
      groups['lost+found'] = elem;
    }
  });
  return Immutable.fromJS(groups);
}

const grouped = groupByMap(origin, 'groupKey');
console.log("Grouped:", String(grouped));

<script src="https://cdnjs.cloudflare.com/ajax/libs/immutable/4.0.0-rc.9/immutable.js"></script>