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

Answer 2

非功能性方法，使用整数获取字母

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



const len = Object.values(objData)[0].length;
let cnt = 97;
let newObj = {};
const list = [];

for (let i = 0; i < len; i++) {
  for (let key in objData) {
    newObj[String.fromCharCode(cnt)] = objData[key][i];
    ++cnt
  }
  list.push(newObj);
  cnt = 97;
  newObj = {};
}

console.log(list)

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

2 个答案: