根据键数组更改数据集对象的形状

Question

假设我有：

const KEYS = ['b', 'a', 'c']

const obj = {

  2018: {a: 1, b: 2, c: 3},

  2019: {a: 4, b: 5, c: 6},

  2020: {a: 7, b: 8, c: 9},

}

这就是我想要得到的：

const result = {

 2018: { 

    a: [0, 1, 0], 

    b: [2, 0, 0], 

    c: [0, 0, 3] 

  },

 2019: { 

    a: [0, 4, 0], 

    b: [5, 0, 0], 

    c: [0, 0, 6] 

  },,

 2020: { 

    a: [0, 7, 0], 

    b: [8, 0, 0], 

    c: [0, 0, 9] 

  },

}

result['2018'] 对象具有三个键。每个键值都是一个数组，其中包含按 KEYS 使用 0 作为填充值设置的顺序排列的值。

我怎么能做这样的事情？这是我尝试过的，但显然比这更复杂：

const reshaped = Object.entries(obj).map(([key, value]) => {

  return { [key]: Object.values(value) }

})

// [

//  { 2018: [ 1, 2, 3 ] },

//  { 2019: [ 4, 5, 6 ] },

//  { 2020: [ 7, 8, 9 ] }

// ]

Answer 1

您可以映射所需的键，以便为每个属性构建一个数组。const    KEYS = ['b', 'a', 'c'],    object = { 2018: { a: 1, b: 2, c: 3 }, 2019: { a: 4, b: 5, c: 6 }, 2020: { a: 7, b: 8, c: 9 } },    result = Object.fromEntries(Object.entries(object).map(([k, o]) => [        k,        Object.fromEntries(Object.entries(o).map(([l, v]) => [            l,            KEYS.map(m => l === m ? v : 0)        ]))    ]));    console.log(result);.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 2

Object.entries您可以使用和的组合Object.fromEntries来映射对象，然后只需创建一个长度为 KEYS arr 的新数组。const KEYS = ['b', 'a', 'c']const obj = {  2018: {a: 1, b: 2, c: 3},  2019: {a: 4, b: 5, c: 6},  2020: {a: 7, b: 8, c: 9},}const result = Object.fromEntries( // Create obj from array of entries  Object.entries(obj).map(([key, value]) => [ // create array of entries from obj and map it    key,    Object.fromEntries( // do the same obj/arr transformation on the value      Object.entries(value).map(([subKey, subValue]) => {        const arr = new Array(KEYS.length).fill(0); // create new array of keys length and fill all zeroes        arr[KEYS.indexOf(subKey)] = subValue; // on the index of the key in the KEYS arr, set the value of the key        return [subKey, arr]; // return subValue      })    )  ]));console.log(result);