안녕하세요. 이번글에는 formData 객체를 다룰때 내부 데이터를 확인하기 위해 console.log를 찍는 방법을 알아보겠습니다.
개발을 하다보면 파일이 넘어가고 이런 상황때 formData를 이용해 데이터를 넘겨야할때가 있습니다.
근데 이 데이터가 잘 넘어오나 확인을 하려고 console.log 를 찍어보면 데이터가 나오질 않습니다.
그래서 어떻게 확인을 할 수 있나 리서치를 해보니 formData는 일반적인 객체가 아니라 XMLHttpRequest 전송을 위한 특수한 객체라고합니다.
해결 방법
//entries메서드를 이용하여 for of 반복문을 돌립니다.
for(const [key,value] of formData.entries()) {
console.log(key, value)
}entries() 메서드란?
-배열에 사용하는 반복자 객체를 돌리면서 key와 value값을 배열형태로 받아오는 메서드입니다.(https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/entries)
for of 반복문을 사용할때 주의 사항으로는 익스플로러는 지원이 안되기 때문에 단순히 데이터만 보는 용도로 사용하는 것이라면
크로스브라우징 이슈 때문에 확인 후 지우는 것을 권장합니다.
참고자료
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...of
