按属性名称分组数组并添加计数[关闭]

问题描述 投票:-5回答:1

我有以下数据结构:

var data = [
   { MainHeader: Header1, SubHeader: 'one'},
   { MainHeader: Header1, SubHeader: 'two'},
   { MainHeader: Header2, SubHeader: 'three'},
   { MainHeader: Header2, SubHeader: 'four'},
   { MainHeader: Header2, SubHeader: 'five'}
];

我需要把它变成这样的东西:

var groupheaders = [
  { startColName: 'one', numberofCols: 2, title: Header1},
  { startColName: 'three', numberofCols: 3, title: Header2}
];

有没有一种优雅的方式来实现这一点与lodash?谢谢!

javascript arrays underscore.js lodash
1个回答
1
投票

您可以使用每个MainHeader作为键的映射对象。如果已添加q​​azxswpoi,请更新密钥的计数。否则,添加一个新键和一个对象作为其值

然后,使用MainHeader将值作为数组获取:

ES5解决方案:

const data = [{MainHeader:"Header1",SubHeader:"one"},{MainHeader:"Header1",SubHeader:"two"},{MainHeader:"Header2",SubHeader:"three"},{MainHeader:"Header2",SubHeader:"four"},{MainHeader:"Header2",SubHeader:"five"}],
      map = {};

data.forEach(({ MainHeader, SubHeader }) => {
  if(map[MainHeader])
    map[MainHeader].numberofCols++
  else
    map[MainHeader] = { title: MainHeader, startColName: SubHeader, numberofCols: 1 };
})

let output = Object.values(map);

console.log(output)
© www.soinside.com 2019 - 2024. All rights reserved.