如何使用 ._groupBy 格式化复杂数组

Question

我的数组看起来像，但包含 1000 多个对象：

    data = {
  0: {
    code: '3019476',
    _id: '60033f61-8a4e-4622-9731-decd07bc44e1',
    vendor: 'DKNY',
    tags: [
      { type: 1, label: 'dsfs' },
      { type: 2, label: 'thisOne' },
      { type: 3, label: 'sdas' },
    ],
  },
  1: {
    code: '3019475',
    _id: '60033f61-8a4e-4622-9731-decd07bc44e0',
    vendor: 'DKNY',
    tags: [
      { type: 1, label: 'sdfsd' },
      { type: 2, label: 'anotherOne' },
      { type: 3, label: 'sdfsd' },
    ],
  },
  2: {
    code: '3019474',
    _id: '60033f61-8a4e-4622-9731-decd07bc44e9',
    vendor: 'DKNY',
    tags: [
      { type: 1, label: 'gregf' },
      { type: 2, label: 'thisOne' },
      { type: 3, label: 'gregf' },
    ],
  },
};

我希望这是输出：

0: {title: "thisOne", data: Array(2)"}
1: {title: "anotherOne", data: Array(1)"}

所以我想过滤和统计有多少对象包含不同的标签[1].label，将完整的项目数据保存在结果中的“数据”中。

我所有的想法都失败了，所以我真的需要你的帮助

Answer 1

我怀疑您正在寻找带有property path iteratee shorthand 的groupBy：

import { groupBy } from 'underscore';

groupBy(data, ['tags', 1, 'label']);
// { thisOne: [Object, Object],
//   anotherOne: [Object]
// }

这会生成一个对象，其中标签作为键，组作为值。从这里，很容易得到与您问题的示例输出完全相同的形状，例如使用chain 和map：

import { chain } from 'underscore';

chain(data)
    .groupBy(['tags', 1, 'label'])
    .map((data, title) => ({data, title}))
    .value();
// [ { title: 'thisOne', data: [Object, Object] },
//   { title: 'anotherOne', data: [Object] }
// ]

Answer 2

数据中有很多语法错误，修复它们，它应该可以工作。见下面的代码 sn-p。

注意：对象中的键/值对应该用逗号分隔，dsfs、thisOne sdas 应该是有效的变量或字符串。

data = {
  0: {
    code: '3019476',
    _id: '60033f61-8a4e-4622-9731-decd07bc44e1',
    vendor: 'DKNY',
    tags: [
      { type: 1, label: 'dsfs' },
      { type: 2, label: 'thisOne' },
      { type: 3, label: 'sdas' },
    ],
  },
  1: {
    code: '3019475',
    _id: '60033f61-8a4e-4622-9731-decd07bc44e0',
    vendor: 'DKNY',
    tags: [
      { type: 1, label: 'sdfsd' },
      { type: 2, label: 'anotherOne' },
      { type: 3, label: 'sdfsd' },
    ],
  },
  2: {
    code: '3019474',
    _id: '60033f61-8a4e-4622-9731-decd07bc44e9',
    vendor: 'DKNY',
    tags: [
      { type: 1, label: 'gregf' },
      { type: 2, label: 'thisOne' },
      { type: 3, label: 'gregf' },
    ],
  },
};

console.log(data[0].tags[1].label)

Answer 3

你不需要 lodash。您可以使用纯 JavaScript。

const data= [
{code: "3019476", _id: "60033f61-8a4e-4622-9731-decd07bc44e1", vendor: "DKNY", tags: [{type: 1, label: 'dsfs'},{type: 2, label: 'thisOne'},{type: 3, label: 'sdas'}]}, {code: "3019475", _id: "60033f61-8a4e-4622-9731-decd07bc44e0", vendor: "DKNY", tags: [{type: 1, label: 'sdfsd'},{type: 2, label: 'anotherOne'},{type: 3, label: 'sdfsd'}]}, {code: "3019474", _id: "60033f61-8a4e-4622-9731-decd07bc44e9", vendor: "DKNY", tags: [{type: 1, label: 'gregf'},{type: 2, label: 'thisOne'},{type: 3, label: 'gregf'}]}]

const newData = data.map(d => { 
  let result = {};
  result.title = d.tags.find(tag => tag.type === 2).label;
  result.data = d.tags.filter(tag => tag.type === 2); 
  return result;
});

console.log(newData);

P.S.：这个 sn-p 考虑到数据数组中可以包含多个 tagType，并且第一个找到的将用作标题。 如果这不是您想要的，那么问题应该更清楚。