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

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);