将具有多个数组的对象转换为对象数组

Question

我对从 API 获得的数据进行了大量处理：

这是数据返回的方式，数组的数量不同。

const objData = {
    arr1: [1,2,3],
    arr2: [1,2,1],
    arr3: [2,1,2],
    arr4: ["a","b", "c"]
}

这是它应该看起来的样子

const desired = [
    {a: 1, b: 1, c: 2, d: "a"},
    {a: 2, b: 2, c: 1, d: "b"},
    {a: 2, b: 1, c: 2, d: "c"}
]

这给了我想要的结果，但它不是动态的，因为我必须提供数组的名称，并且不允许更改对象中的数组数量。

const DataObj = []

for (let i = 0; i < objData.arr1.length; i++) {
    const objX = {
        a: objData.arr1[i],
        b: objData.arr2[i],
        c: objData.arr3[i],
        d: objData.arr4[i],
    }
    DataObj.push(objX)
}

有人可以帮我解决这个问题吗？如何使其独立于数组的名称和数据集中的数组数量？

Answer 1

您可以将数组映射到新对象。

const
    objData = { arr1: [1, 2, 3], arr2: [1, 2, 3], arr3: [2, 1, 2], arr4: ["a", "b", "c"] },
    keys = { arr1: 'a', arr2: 'b', arr3: 'c', arr4: 'd' },
    result = Object
        .entries(objData)
        .reduce((r, [key, array]) => array.map((v, i) => ({ ...r[i], [keys[key]]: v  })), []);
        
console.log(result);

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