如何将带有数组的javascript对象转换为具有相应名称和值的对象数组？

要将带有数组的 JavaScript 对象转换为具有相应名称和值的对象数组，可以使用 Object.keys() 和 Array.prototype.map() 方法。以下是一个示例代码：

const obj = {
  names: ['Alice', 'Bob', 'Charlie'],
  ages: [25, 30, 35]
};

const result = Object.keys(obj).map(key => {
  return obj[key].map(value => ({ [key]: value }));
}).flat();

console.log(result);

解释

1. Object.keys(obj): 获取对象的所有键（即 names 和 ages）。
2. map(key => { ... }): 对每个键进行遍历。
3. obj[key].map(value => ({ [key]: value })): 对每个键对应的数组进行遍历，并将每个值转换为一个新的对象，该对象的键是当前遍历的键，值是当前遍历的值。
4. .flat(): 将嵌套的数组扁平化为一维数组。

输出

[
  { names: 'Alice' },
  { names: 'Bob' },
  { names: 'Charlie' },
  { ages: 25 },
  { ages: 30 },
  { ages: 35 }
]

应用场景

这种转换在处理需要将多个数组组合成一个对象数组的场景中非常有用，例如：

• 数据库查询结果的处理。
• 前端表单数据的处理。
• 数据可视化工具的数据准备。

参考链接

• MDN Web Docs: Object.keys()
• MDN Web Docs: Array.prototype.map()
• MDN Web Docs: Array.prototype.flat()

通过这种方式，你可以轻松地将带有数组的对象转换为具有相应名称和值的对象数组。