[javascript] formData에 들어있는 값 반복문을 통해 확인하는 법

다들 아시다싶이 formData에 들어있는 값은 console에 그냥 찍으면 나오질 않는다.

 

이럴 땐 반복문을 돌려서 안에 들어있는 값을 일일이 확인해주어야한다.

귀찮긴해도 안에 값이 제대로 들어갔는지 확인이 필요할 때가 많기 때문에...ㅠㅠ

 

 

1. formdata key와 값 확인하는 법

let formData = new FormData();

// ... formData.append("키이름", "값"); 생략

for (let key of formData.keys()) {
	console.log(key, ":", formData.get(key));
}

formdata를 생성 후 안에 값을 넣어준다.

그 다음 formData.keys()를 통해 해당 form에 들어있는 key를 배열로 가져온 후 반복문을 돌린다.

formData.get("key이름");

이렇게 get에 key를 넣어주면 해당 키의 값이 무엇인지 확인할 수 있다.

 

console.log를 이용해 key값과 값이 무엇인지 확인하면 편리하다!

 

---

굳이 값을 확인할 필요가 없다면 위의 방법처럼 formData.keys()를 이용해 formData안에 어떤 key가 들어가있는지 확인하면 되고

 

값만 확인하고 싶다면 아래 방법을 추천한다.

 

2. formdata 값 확인하기

let formData = new FormData();

// ... formData.append("키이름", "값"); 생략

for (let value of formData.values()) {
      console.log(value);
}

위의 key 뽑아오는 것과 동일하다.

formdata의 value 값들만 뽑아온 후 배열로 만들어준 다음 반복문을 돌린다.

console.log를 통해 value를 출력해보면 key없이 값만 간단하게 출력되는 것을 확인할 수 있다.

생각보다 간단한 formdata 추가한 값 확인하는 방법이였다!