javascript - 按对象数组的数组分组

Question

我根据下面第一项的值对一组对象进行分组:

const json2 = [{"value":"value1","metric":1},{"value":"value1","metric":2},{"value":"value3","metric":0},{"value":"value2","metric":4},{"value":"value3","metric":1},{"value":"value3","metric":1}];

const result2 = [...json2.reduce((r, o) => {
  const key = o.value;
  
  const item = r.get(key) || Object.assign({}, o, {
    metric: 0,
  });
  
  item.metric += o.metric;

  return r.set(key, item);
}, new Map).values()];

console.log(result2);

但是当我有一个对象数组时，我正在努力做同样的事情，如下所示:

[[{"value":"value1","formattedValue":"value1"},{"value":2831.8,"formattedValue":"283,180.00 %"}],[{"value":"value1","formattedValue":"value1"},{"value":349.1111111111111,"formattedValue":"34,911.11 %"}],[{"value":"value2","formattedValue":"value2"},{"value":3.3703703703703702,"formattedValue":"337.04 %"}]]

因此，与之前的 JSON 相比，不同之处在于:

{"value":"value1","metric":1}

现在是:

[{"value":"value1","formattedValue":"value1"},{"value":"1.0","formattedValue":100.00 %}]

一个解决方案是操纵第二个查询，使其看起来像第一个查询，但在这种情况下，我想让它与上面的函数一起工作。

想要的结果是:

[[{"value":"value1","formattedValue":"value1"},{"value":3180.91111111,"formattedValue":"318091.11 %"}],[{"value":"value2","formattedValue":"value2"},{"value":3.3703703703703702,"formattedValue":"337.04 %"}]]

Answer 1

您可以通过解构获取键/值并更新结果集。

var data = [[{ value: "value1", formattedValue: "value1" }, { value: 2831.8, formattedValue: "283,180.00 %" }], [{ value: "value1", formattedValue: "value1" }, { value: 349.1111111111111, formattedValue: "34,911.11 %" }], [{ value: "value2", formattedValue: "value2" }, { value: 3.3703703703703702, formattedValue: "337.04 %" }]],
    result = Array.from(
        data
            .reduce((m, a) => {
                var [{ value: key }, { value }] = a,
                    target = m.get(key);

                if (!target) return m.set(key, JSON.parse(JSON.stringify(a)));
                target[1].value += value;
                target[1].formattedValue = `${(target[1].value * 100).toFixed(2) } %`;
                return m;
                
            }, new Map)
            .values()                
    );        

   console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }