### 使用 `FormData` 传递数组的方式 在 JavaScript 中，可以通过 `FormData` 对象将数组作为键值对的形式传递给服务器。为了实现这一功能，通常会利用字符串化的索引方式来表示数组中的每一项。以下是几种常见的场景及其对应的解决方案。 #### 场景一：传递简单数组 当需要传递一个简单的数值或字符串数组时，可以遍历该数组并将每个元素追加到 `FormData` 的相同键名下，同时带上其索引位置。例如： ```javascript const formData = new FormData(); const array = [0, 1, 2]; array.forEach((value, index) => { formData.append(`region[${index}]`, value); }); ``` 此方法能够确保后端接收到的数据结构是一个标准的数组形式[^1]。 #### 场景二：传递对象数组 如果要传输的是由多个属性组成的复杂对象构成的数组，则需逐层解析这些对象的内容并将其映射至相应的表单字段路径中去。下面展示了一个例子，其中涉及到了联系人信息列表的构建过程： ```javascript const formData = new FormData(); const contactInfoArray = [ { contactPerson: 'Alice', contactPhone: '+86-xxx' }, { contactPerson: 'Bob', contactPhone: '+86-yyy' } ]; contactInfoArray.forEach((infoObject, objectIndex) => { Object.keys(infoObject).forEach(keyName => { const fullKeyPath = `contactInfo[${objectIndex}].${keyName}`; formData.append(fullKeyPath, infoObject[keyName]); }); }); ``` 这里不仅考虑了单一维度上的迭代操作，还深入探讨了如何针对嵌套层次较高的数据模型进行适配转换[^3]。 另外，在某些情况下可能还需要自定义辅助函数来进行更灵活的数据结构调整工作。比如下面这个通用型的方法可以帮助我们把任意复杂的 JS 数据结构扁平化成适合 HTTP 表单提交的标准格式: ```javascript function convertModelToFormData(value, formDataInstance, keyPrefix){ if(Array.isArray(value)){ value.forEach((item,index)=>{ convertModelToFormData(item,formDataInstance,(keyPrefix||"")+"["+index+"]"); }) }else if(typeof value === "object"){ for(let prop in value){ convertModelToFormData( value[prop], formDataInstance, `${keyPrefix}[${prop}]` ); } }else{ formDataInstance.append(keyPrefix,value); } } ``` 调用上述函数即可轻松完成从原始 JSON 结构向可被服务端识别理解之形态转变的任务[^2]。 ### 总结 综上所述，无论是基础类型的集合还是复合实体群组都可以借助恰当编码逻辑顺利经由 HTML5 提供的新特性——即 `FormData API` 来达成跨平台间无缝沟通的目的；而这一切的关键就在于合理运用带命名空间特性的 append 方法以及配合循环控制语句共同作用于目标源材料之上从而形成最终期望获得的结果集。