如何在JavaScript中从API处理后的二维数组创建对象数组？

我来帮你搞定这个问题！看起来你已经把混乱的API数据扁平成二维数组了，接下来要把它转换成包含5个对象的数组，每个对象的data属性对应收集所有行里的同位置值对吧？咱们用JavaScript来实现的话，思路很清晰，几步就能搞定。

先明确示例数据和目标结构 #

假设你的二维数组（比如你提到的sampleArray）是这样的：

const sampleArray = [
  [10, 20, 30, 40, 50],  // 第一组值
  [15, 25, 35, 45, 55],  // 第二组值
  [12, 22, 32, 42, 52]   // 第三组值
];

我们要转换成的目标数组是5个对象，每个对象的data属性是对应列的所有值，比如第一个对象的data就是[10,15,12]，第二个是[20,25,22]，以此类推。

实现代码 #

用Array.from配合map就能轻松完成转换，代码如下：

// 你的扁平二维数组
const sampleArray = [
  [10, 20, 30, 40, 50],
  [15, 25, 35, 45, 55],
  [12, 22, 32, 42, 52]
];

// 核心转换逻辑
const resultArray = Array.from({ length: sampleArray[0].length }, (_, index) => {
  return {
    data: sampleArray.map(row => row[index])
  };
});

// 输出结果
console.log(resultArray);

代码解释 #

• Array.from({ length: sampleArray[0].length })：根据原数组每行的长度（也就是你要的对象数量，这里是5）创建一个空数组，用来生成目标对象。
• 第二个参数是遍历器函数，index就是当前要处理的列索引。
• sampleArray.map(row => row[index])：遍历原数组的每一行，取出当前索引位置的值，组成data属性的数组。

最终输出结果 #

执行上面的代码后，resultArray会是这样的：

[
  { data: [10, 15, 12] },
  { data: [20, 25, 22] },
  { data: [30, 35, 32] },
  { data: [40, 45, 42] },
  { data: [50, 55, 52] }
]

如果你的原数组存在行长度不一致的情况（比如有的行少了元素），可以先做个预处理，比如过滤掉长度不足的行，或者取所有行的最小长度来生成对象，不过既然是API处理后的扁平数组，应该是规整的，直接用上面的代码就没问题啦。

内容的提问来源于stack exchange，提问作者David Arias