FormData 값 console.log로 출력하기

폼 데이터를 FormData로 전송할 때가 있다.

​

데이터를 찍을때, [Object object] 처럼 나오지도 않고, 그냥 console.log를 찍으면 나오지 않는다.

 

 

var formData = new FormData();
formData.append('data1', '...');
formData.append('data2', '...');
console.log(formData); // 빈 값만 나온다.

 

 

 

 

 

알고보니, FormData는 key/value 형태이고 Ajax로 서버에 전달하기위한 특수 객체라고..

​

그래서 객체 문자화가 불가능하다 한다.

​

Interable 데이터이므로, for 문을 통해 출력이 가능하다.

​

위의 코드로 데이터를 넣었다고 치면,

 

 

 

 

for (var x of formData.entries()) {
    console.log(x);
}


for (const x of formData) {
    console.log(x);
}


for (const [key, value] of formData.entries()) {
    console.log(key, value);
}



// key만 보기
for (const key of formData.keys()) {
    console.log(key);
}

// value만 보기
for (const value of formData.values()) {
    console.log(value);
}