本文详解如何将 Map 实例高效转换为形如 {key: value} 的对象数组，而非 {key: key, value: value} 的固定结构，核心在于使用计算属性名（Computed Property Names）语法 [key]。
本文详解如何将 map 实例高效转换为形如 `{key: value}` 的对象数组，而非 `{key: key, value: value}` 的固定结构，核心在于使用计算属性名（computed property names）语法 `[key]`。
在 JavaScript 中，Map 是一种有序的键值集合，常用于需要动态键名或非字符串键的场景。但当与某些 API（如表单提交、配置项注入或旧版库）交互时，往往要求数据格式为「每个对象仅含一个键值对」的数组，例如：
[
{ username: "test" },
{ password: "test" },
{ contentType: "application/json" }
]而直接使用 {key: value} 会创建字面量对象，其中 key 是固定属性名，而非变量值——这正是提问者遇到的问题：结果变成了 [{key: "test"}, {key: "test"}]，而非预期的 [{username: "test"}]。
✅ 正确解法是利用 ES2015+ 的计算属性名语法：用方括号 [key] 将变量 key 的运行时值作为对象的动态属性名：
for (const [key, value] of map.entries()) {
paramArray2.push({ [key]: value });
}该语法等价于更底层的写法：
立即学习“Java免费学习笔记（深入）”；
你接手一个需求时，是不是经常这样："改一个小字段 → 结果把不相关的代码也改了"、"需求说得很模糊 → 做着做着发现跑偏了"、"数据库加个字段 → 上线才发现漏了数据兼容"、"做了个新功能 → 一个月后自己都忘了当时怎么设计的"、"写到一半被中断 → 再回来不知道从哪继续"；这个 Skill 就是专门解决这些问题的。 它会自动探测你的项目环境（JDK、Spring Boot、ORM、数据库、前端框架），记在
const obj = {};
obj[key] = value;
paramArray2.push(obj);但前者更简洁、函数式且无副作用。
? 进阶推荐：使用 Array.from() 一行实现转换，语义更清晰、代码更简洁：
const paramArray2 = Array.from(map, ([key, value]) => ({ [key]: value }));✅ 优势说明：
Array.from(iterable, mapFn)可直接将可迭代对象（如Map）转为数组，并对每项执行映射；- 箭头函数参数解构
([key, value])直接获取键值对；({ [key]: value })确保每个对象仅含一个动态键。
⚠️ 注意事项：
- 计算属性名仅在对象字面量中生效，不可用于对象赋值后追加（如
obj.[key] = value是语法错误）； - 若
key为Symbol或包含特殊字符（如空格、点号），仍可正常工作，但需确保目标环境兼容； -
Map的遍历顺序是插入顺序，因此生成的数组顺序可预测，符合多数业务需求。
总结：从 Map 到「单键对象数组」的转换，关键在于理解并正确使用 [key] 计算属性语法。避免手动拼接或 Object.assign 等冗余方式，优先选择 Array.from(map, ([k,v]) => ({[k]:v})) —— 简洁、安全、可读性强，是现代 JavaScript 的标准实践。
