如何将含对象的Object转为二维数组？如何生成首数组含键名的二维数组？

嘿，我来帮你搞定这两个对象转二维数组的需求，下面用JavaScript为例给你详细拆解：

假设你有一个外层对象，它的每个属性都是子对象，比如：

const data = {
  user1: { name: 'Alice', age: 30 },
  user2: { name: 'Bob', age: 25 }
};

根据你想要的二维数组结构，分两种常见情况：

• 情况1：提取每个子对象的属性值作为子数组
  用Object.values()嵌套就能轻松实现：先拿到外层对象的所有子对象，再把每个子对象的属性值转成数组：

const valueArrays = Object.values(data).map(subObj => Object.values(subObj));
console.log(valueArrays);
// 输出: [['Alice', 30], ['Bob', 25]]

• 情况2：提取每个子对象的键值对作为子数组
  如果需要保留键名和值的对应关系（每个子数组是[key, value]形式），可以用Object.entries()：

// 每个子对象的键值对单独成数组，外层再包一层
const keyValueArrays = Object.values(data).map(subObj => Object.entries(subObj));
console.log(keyValueArrays);
// 输出: [[['name', 'Alice'], ['age', 30]], [['name', 'Bob'], ['age', 25]]]

// 如果想把所有键值对扁平化到同一层级
const flatKeyValueArrays = Object.values(data).flatMap(subObj => Object.entries(subObj));
console.log(flatKeyValueArrays);
// 输出: [['name', 'Alice'], ['age', 30], ['name', 'Bob'], ['age', 25]]

这个需求相当于把对象集合转成表格结构，首行是表头（所有子对象的键），下面每行是对应的值。还是用上面的data例子，步骤很清晰：

1. 先提取表头：如果所有子对象结构一致，直接取第一个子对象的键就行；如果结构可能不一致，就收集所有唯一键。
2. 然后把每个子对象的属性值按表头顺序转成数组。
3. 最后把表头和所有值数组合并。

代码实现（兼容结构不一致的情况）：

const data = {
  user1: { name: 'Alice', age: 30, city: 'NY' },
  user2: { name: 'Bob', age: 25 } // 这个子对象少了city键
};

// 收集所有唯一的键作为表头
const headers = [...new Set(Object.values(data).flatMap(subObj => Object.keys(subObj)))];
// 生成每行的值，缺失的键用null填充
const rows = Object.values(data).map(subObj => headers.map(key => subObj[key] ?? null));
// 合并表头和行
const tableArray = [headers, ...rows];

console.log(tableArray);
// 输出: [['name', 'age', 'city'], ['Alice', 30, 'NY'], ['Bob', 25, null]]

如果确定所有子对象结构完全一致，也可以简化成：

const headers = Object.keys(Object.values(data)[0]);
const rows = Object.values(data).map(subObj => Object.values(subObj));
const tableArray = [headers, ...rows];

这样就完美得到你想要的首行是键名、其余是值的二维数组啦~

内容的提问来源于stack exchange，提问作者Roman Shevchenko