FormData apend 几个变量，然后打印，不能直接打印出数据

本文介绍了如何在JavaScript中使用FormData对象添加键值对，以及如何通过遍历其内容并手动转换为字符串格式以便于打印。FormData主要与XHR和FetchAPI配合发送表单数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在JavaScript中，可以使用FormData对象来构建一组要随表单提交或随XHR请求发送的键值对。如果想要向FormData对象中添加（或追加）几个变量，并且之后打印出这些内容（尽管FormData对象本身并不能直接打印，但可以遍历其内容来查看）：

// 创建一个新的FormData对象  
let formData = new FormData();  
  
// 追加几个变量到FormData对象中  
let var1 = 'value1';  
let var2 = 'value2';  
let var3 = 'value3';  
  
formData.append('key1', var1);  
formData.append('key2', var2);  
formData.append('key3', var3);  
  
// 打印FormData对象的内容  
for (let pair of formData.entries()) {  
    console.log(pair[0] + ', ' + pair[1]);  
}

在上面的代码中，我们首先创建了一个FormData实例，然后使用append方法向其中添加了三个键值对。接着，我们使用一个for…of循环来遍历FormData对象的条目，并使用entries方法获取每一对键和值，然后将它们打印到控制台。

请注意，FormData对象的设计初衷是为了与XHR（XMLHttpRequest）或Fetch API一起使用，以发送表单数据，因此它并不是为了直接打印到控制台而设计的。上面的代码展示了如何查看其内容，但它并不提供一个直接的字符串表示形式。

如果想要将FormData对象转换为可打印的字符串格式，需要手动构建字符串，例如：

let formDataStr = '';  
for (let pair of formData.entries()) {  
    formDataStr += `${pair[0]}: ${pair[1]}\n`;  
}  
console.log(formDataStr);

这将会打印出一个包含所有键值对的字符串，每对键值占一行。