本文介绍如何将包含多个对象的数组高效转换为二维数组，每个子数组按指定顺序提取对象的属性值，适用于数据格式标准化、导出表格或对接第三方库等场景。
本文介绍如何将包含多个对象的数组高效转换为二维数组，每个子数组按指定顺序提取对象的属性值，适用于数据格式标准化、导出表格或对接第三方库等场景。
在前端开发中，常需对原始数据进行结构转换——例如将 API 返回的对象数组（如用户列表）转为纯值的二维数组，以便快速渲染表格、生成 CSV 文件，或适配某些仅接受数组输入的图表库（如 Chart.js 的 dataset.data）。上述需求的核心在于：保持对象顺序不变，按预设字段顺序提取值，并封装为嵌套数组。
最简洁、函数式且可读性强的实现方式是使用 Array.prototype.map()：
const data = [
{ id: 1, name: 'james', country: 'US' },
{ id: 2, name: 'john', country: 'NG' }
];
const newdata = data.map(item => [item.id, item.name, item.country]);
// 结果：[[1, 'james', 'US'], [2, 'john', 'NG']]
✅ 优势说明：
-
map()天然返回新数组，不修改原数据，符合不可变编程原则； - 每个回调函数返回一个新数组
[item.id, item.name, item.country]，自动构成二维结构； - 代码短小精悍，语义清晰，易于维护和扩展。
⚠️ 注意事项：
- 字段名必须准确匹配对象属性（如
item.id而非item.ID），建议配合 TypeScript 或运行时校验避免undefined； - 若对象结构不统一（如部分项缺失
country），可改用安全访问：[item.id ?? null, item.name ?? '', item.country ?? '']； - 如需动态指定字段顺序，可传入键名数组并结合
map与reduce：
const keys = ['id', 'name', 'country']; const newdata = data.map(obj => keys.map(key => obj[key]));
总结：map() + 数组字面量是处理此类转换的首选方案——它兼具性能、可读性与健壮性。避免手动 for 循环推送单个属性（如原代码中仅推 name），而应一次性构造完整子数组，确保结构完整、逻辑内聚。
