### 如何使用 JavaScript 从 `formData` 对象中读取或获取数据 在 JavaScript 中，`FormData` 是一种用于构建键值对的对象，通常用来模拟 HTML 表单提交的行为。它支持多种类型的值，包括字符串、文件以及 Blob 数据流。然而，直接通过索引访问 `formData` 的内容并不像操作普通对象那样简单。 #### 使用 `.get()` 方法获取特定键的值 如果需要获取某个键对应的值，可以使用 `FormData` 提供的 `.get(key)` 方法。此方法返回指定键的第一个值。例如： ```javascript var formData = new FormData(); formData.set("username", "Alice"); console.log(formData.get("username")); // 输出: Alice [^3] ``` 需要注意的是，`.get()` 只会返回第一个匹配项。如果有多个相同的键，则需使用 `.getAll()` 来获取所有值组成的数组。 --- #### 使用 `.keys()`, `.values()`, 和 `.entries()` 迭代整个 `formData` 为了遍历所有的键/值对或者单独查看键名或值列表，可以利用以下三个迭代器函数： - **`.keys()`**: 返回一个包含所有键名称的迭代器； - **`.values()`**: 返回一个包含所有对应值的迭代器； - **`.entries()`**: 同时提供键和值作为 `[key, value]` 数组形式的迭代器。 下面是一个完整的例子展示这些功能的应用场景： ```javascript let formDataExample = new FormData(); // 添加一些测试数据 formDataExample.append('email', 'test@example.com'); formDataExample.append('attachments', new Blob(['Hello world'], { type: 'text/plain' })); // 打印所有 key-value pairs for (const [key, value] of formDataExample.entries()) { console.log(`${key}: ${value}`); } /* 控制台输出可能如下所示： email: test@example.com attachments: [object Blob] */ [^1] // 获取 keys 或 values 列表 Array.from(formDataExample.keys()); // ['email', 'attachments'] Array.from(formDataExample.values()); // ['test@example.com', Blob {...}] ``` 尽管可以直接打印某些简单的值（如字符串），但对于复杂类型比如 File/Blob 实例来说，默认显示为 `[object Object]` 或者类似的描述符。因此，在调试过程中建议转换它们为更易理解的形式，例如通过 FileReader API 将 Blob 转化成文本或其他可读格式[^4]。 --- #### 常见误区与注意事项 试图像常规 JSON 对象一样通过方括号语法 (`formdata["key"]`) 访问字段不会生效，因为 `FormData` 并不继承自标准 JS 对象原型链[^2]。相反，应该始终依赖于官方文档推荐的方法来交互。 另外值得注意的一点是服务器端对接收到的数据进行解析的能力也会影响最终效果。假如后端框架未能正确定义多部分请求处理器(如 Spring MVC)，即使客户端发送成功也可能得不到预期响应[^5]。 ---