如何将含重复字段的FormData转换为对象列表？求标准实现方案

这场景确实常见，最优实现分两种情况，取决于你是否能调整前端表单的字段命名：

一、优先调整前端字段命名（推荐） #

这是HTTP表单提交的标准约定，绝大多数后端框架都支持自动解析成对象数组，完全不用手动处理。

给每组重复字段加上索引前缀，格式为 [前缀名][索引][字段名]，比如：

<!-- 第一组用户信息 -->
<input name="people[0][firstname]" value="John">
<input name="people[0][lastname]" value="Doe">

<!-- 第二组用户信息 -->
<input name="people[1][firstname]" value="Jane">
<input name="people[1][lastname]" value="Smith">

后端接收时，主流框架会自动把FormData解析成结构化的对象数组：

• Express（搭配body-parser）：直接通过 req.body.people 获取数组，格式为 [{firstname: 'John', lastname: 'Doe'}, {firstname: 'Jane', lastname: 'Smith'}]
• Spring Boot：用 @RequestBody List<Person> people 直接绑定到实体类列表
• Django：通过表单模型类自动映射，或用 request.POST 直接提取结构化数据

这种方式完全避免手动拼接数组的代码，减少出错概率，也更容易扩展（比如后续加age字段，只需要新增people[0][age]即可）。

二、无法修改前端字段时，优化后端转换逻辑 #

如果因为历史原因不能改前端字段名，也可以用更简洁、可扩展的方式替代手动循环：

示例（Node.js环境） #

// 获取所有字段值数组
const firstnames = formData.getAll('firstname');
const lastnames = formData.getAll('lastname');

// 用map快速组装数组，同时处理长度不一致的情况
const people = firstnames.map((fname, idx) => ({
  firstname: fname,
  lastname: lastnames[idx] || '' // 防止某组缺值导致undefined
}));

如果后续要加更多字段（比如age），可以把字段名做成数组，避免重复代码：

const fieldNames = ['firstname', 'lastname', 'age'];
// 获取每个字段的所有值
const fieldValues = fieldNames.map(name => formData.getAll(name));
// 取最大长度作为数组长度，兼容字段值数量不一致的情况
const maxLength = Math.max(...fieldValues.map(v => v.length));

const people = Array.from({ length: maxLength }, (_, idx) => {
  return Object.fromEntries(
    fieldNames.map((name, fieldIdx) => [name, fieldValues[fieldIdx][idx] || ''])
  );
});

这种写法比手动循环更简洁，可读性更强，新增字段只需要修改fieldNames数组即可。

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