重构对象数组，然后对对象进行分组

如何解决重构对象数组，然后对对象进行分组

所以我找到了一个解决方案，但我还在学习，感觉我的解决方案太长了。它没有使用所有的 ES6，可能会更好。我希望得到任何反馈和/或建议。

数据如下：

const formattedWorkbook = 
     [
        {
            "year": 2016,"mainHeaderEnglish": "Pearls of Wisdom","categoryCode": 3,},{
            "year": 2017,"mainHeaderEnglish": "VENuS Satellite","categoryCode": 2,"mainHeaderEnglish": "Hope for millions","categoryCode": 1,{
            "year": 2012,"mainHeaderEnglish": "green electricity Pioneer","categoryCode": 2
        }
    ]

数据需要如下所示：

const formattedWorkbook = 
     [
        {
            "year": 2016,"value: [
               {"mainHeaderEnglish": "Pearls of Wisdom",}
             ]
        },"value":[
              {"mainHeaderEnglish": "VENuS Satellite","categoryCode": 2},{"mainHeaderEnglish": "Hope for millions","categoryCode": 1}
            ]
        },"value": [
              {"mainHeaderEnglish": "green electricity Pioneer","categoryCode": 2}
            ]
        }
    ]

这是我的解决方案，但我认为它可以更好：

let transformedWorkbook = formattedWorkbook.map(function (obj) {
    const result = {
        year: obj.year,value: []
    }

    for (let year in obj) {
        if (obj.hasOwnProperty(year) && year !== "year") {
            result.value.push({ [year]: obj[year] });
        }
    }

    result.value = [Object.assign({},...result.value)]
    return result;
});

const newWorkbook = new Map(transformedWorkbook.map(({ year,value }) => [year,{ year,value: [] }]));

for (let { year,value } of transformedWorkbook) {
    newWorkbook.get(year).value.push(...[value].flat())
};

console.log([...newWorkbook.values()]);

解决方法

您仍然可以使用 map，但从对象中取出 year 并使用分组结果映射新对象。

分段：

• Array.from 接受一个可迭代对象，如 Array 或 Map，其中实现了 Symbol.iterator 和一个映射函数和返回一个数组。

• 要获得分组数据集，您可以采用使用累加器的 Array#reduce，例如 Map 的实例并迭代给定的对象数组。

  要从对象中获取一个属性并保留其余部分，

  { year,...o }
  

  您可以为 year 购买 destructuring 并获得 rest if object destructuring。现在您有两部分，用于分组的通缉属性和用于收集作为值的其余部分。

  Map#get 从实例中获取一个值，然后 Map#set 存储该值。

  如果没有得到数组作为值，则需要使用默认值

  m.get(year) || []
  

  带有 logical OR ||，它返回第一个 truthy 值，就像一个数组，但不是 undefined。

  这个值spreaded与实际对象一起放入一个新数组

  [...(m.get(year) || []),o]
  

  作为 Map 的新值。

• 最后是Array.from的映射函数

  ([year,value]) => ({ year,value })
  

  对给定的 Map 的键和值进行解构，并生成一个以 short hand properties 作为新结果的新对象。

const formattedWorkbook = [{ year: 2016,mainHeaderEnglish: "Pearls of Wisdom",categoryCode: 3 },{ year: 2017,mainHeaderEnglish: "VENuS Satellite",categoryCode: 2 },mainHeaderEnglish: "Hope for millions",categoryCode: 1 },{ year: 2012,mainHeaderEnglish: "green electricity Pioneer",categoryCode: 2 }],result = Array.from(
        formattedWorkbook.reduce((m,{ year,...o }) =>
            m.set(year,[...(m.get(year) || []),o]),new Map),([year,value })
    );

console.log(result);

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

,

您可以使用 array.reduce 根据 year 对数组数据进行分组：

const formattedWorkbook = 
     [
        {
            "year": 2016,"mainHeaderEnglish": "Pearls of Wisdom","categoryCode": 3,},{
            "year": 2017,"mainHeaderEnglish": "VENuS Satellite","categoryCode": 2,"mainHeaderEnglish": "Hope for millions","categoryCode": 1,{
            "year": 2012,"mainHeaderEnglish": "green electricity Pioneer","categoryCode": 2
        }
    ]
    
let result = formattedWorkbook.reduce((acc,cur) => {
    let { year,...rest } = cur;
    let ex = acc.find(x => x.year === year);
    if(!ex){
       ex = { year,value: [] };
       acc.push(ex);
    }
    ex.value.push(rest);
    return acc;
},[])

console.log(result);

,

您可以使用 lodash：

_.map(formattedWorkbook,el => {
  return {
    year: el.year,value: {
        mainHeaderEnglish: el.mainHeaderEnglish,categoryCode: el.categoryCode
      }
  }
});

如果您更喜欢原生 JavaScript 函数：

formattedWorkbook.map(el => {
  return {
    year: el.year,categoryCode: el.categoryCode
      }
  }
});