主页 / 问题 / 896651
Accepted
Vasilii Maslov
Asked:2020-10-23 14:23:01 +0000 UTC2020-10-23 14:23:01 +0000 UTC

对数组中的对象进行分组

  • 772

例如，数组中有几个对象：

let shop = [{
  id: 105,
  date: '2018-10-11',
  fact: 100,
  plan: 95
}, {
  id:105,
  date: '2018-10-12',
  fact: 105,
  plan: 100
}, {
  id:106,
  date: '2018-10-11',
  fact: 110,
  plan: 115
}, {
  id:106,
  date: '2018-10-12',
  fact: 120,
  plan: 115
}];

您需要从具有 id 和 fact 和 plan 数组的对象中获取结构（例如，sales）：

let groups = [{
  id: 105,
  fact: [100, 105],
  plan : [95, 100]
}, {
  id: 106,
  fact: [110, 120],
  plan: [115, 115]
}];

console.log(groups);

我尝试使用reduce，但随后我一般将所有事实和计划加起来，而不考虑 id。我将第一个数组运行到forEachand map，但我也不知道如何让 id 保持唯一，fact并plan合并到这些 id 的数组中。

javascript

2 个回答

  1. 对于分组，您可以使用reduce方法。

    将提供的数组折叠成key所在的对象id，最后使用Object.values取值

    let shop = [{
  id: 105,
  date: '2018-10-11',
  fact: 100,
  plan: 95
}, {
  id:105,
  date: '2018-10-12',
  fact: 105,
  plan: 100
}, {
  id:106,
  date: '2018-10-11',
  fact: 110,
  plan: 115
}, {
  id:106,
  date: '2018-10-12',
  fact: 120,
  plan: 115
}];
var map = shop.reduce((acc, cur)=>{
acc[cur.id] = acc[cur.id] || { 
  id: cur.id,
  facts: [],
  plans: []
};
acc[cur.id].plans.push(cur.plan);
acc[cur.id].facts.push(cur.fact);
return acc;
},{})

var result = Object.values(map);

console.log(result);

    • 4
  2. Best Answer
    • 遍历所有元素shops
    • 对于每个元素，我们正在寻找一个已经存在的组id
    • fact如果找到该组，我们将plan相应的元素值添加到其列表中
    • 否则，使用元素中的值创建一个新组并将其添加到组列表中

    实现可能略有不同，但要点是：

    let shop = [{
  id: 105,
  fact: 100,
  plan: 95
}, {
  id: 105,
  fact: 105,
  plan: 100
}, {
  id: 106,
  fact: 110,
  plan: 115
}, {
  id: 106,
  fact: 120,
  plan: 115
}];

let groups = [];

for (let element of shop) {
  let existingGroups = groups.filter(group => group.id == element.id);
  if (existingGroups.length > 0) {
    existingGroups[0].fact.push(element.fact);
    existingGroups[0].plan.push(element.plan);
  }
  else {
    let newGroup = {
      id: element.id,
      fact: [element.fact],
      plan: [element.plan]
    };
    groups.push(newGroup);
  }
}

console.log(groups);

    • 1

相关问题