Изменить порядок динамического объекта для формирования структурированного объекта

#javascript #arrays #object #ecmascript-6

#javascript #массивы #объект #ecmascript-6

Вопрос:

У меня есть объект, подобный этому:

 const val = {"abc":{"1":1, "2":6,"3":5},"def":{"1":3, "2":4,"3":8},"xyz":{"1":5, "2":6,"3":7}}
  

Я хочу преобразовать данные объекта, как показано ниже:

 [{"abc":1,"def":3,"xyz":5},{"abc":6,"def":4,"xyz":6}, ...]
  

Все значения являются динамическими, там может быть любое количество внутренних объектов

Я пробовал вот так:

 const val = {"abc":{"1":1, "2":6,"3":5},"def":{"1":3, "2":4,"3":8},"xyz":{"1":5, "2":6,"3":7}}

let dataObj = {};
let secondArr = [];
let dataArr =[]
Object.entries(val).map(firstObj=>{
    Object.entries(firstObj[1]).forEach(secondObj => {
  dataObj={[firstObj[0]]:secondObj[1]};
      secondArr.push(dataObj);
    })
  dataArr.push(secondArr)
})

console.log(dataArr)
  

Кто-нибудь может подсказать мне решение для этого?
Заранее спасибо

Ответ №1:

Вы могли бы повторить записи объектов и использовать внутренние ключи в качестве индексов массива с новыми объектами с внешним ключом и значением.

 var data = { abc: { 1: 1, 2: 6, 3: 5 }, def: { 1: 3, 2: 4, 3: 8 }, xyz: { 1: 5, 2: 6, 3: 7 } },
    result = Object
        .entries(data)
        .reduce((r, [k, o]) => {
            Object.entries(o).forEach(([i, v]) =>
                Object.assign(r[i - 1] = r[i - 1] || {}, { [k]: v }));
            return r;
        }, []);

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