본문으로 바로가기

[JavaScript] FormData 데이터 Json 데이터로 변경하기, Json 데이터 FormData 데이터로 변경하기

http 요청을 하다 보면 body 데이터에 json을 넣을 때도 있고, form data를 넣을 때도 있고 등등 다른 데이터 자료를 넣을 때도 많이 있다. 필자의 경우는 form data에서 json, json에서 form data로 자료를 변환할 일이 있어서 이번 기회에 간단하게 정리해보았다.

변환 코드

Convert form data to json object

const obj = {
  apple: "사과"
};

const formData = new FormData();
Object.entries(obj).forEach(item => formData.append(item[0], item[1]));
// for(let key in obj) {
//   formData.append(key, obj[key])
// }

Convert json object to form data

... formData; 

const obj = {};
formData.forEach((value, key) => obj[key] = value);

위 코드를 참고해서 사용하면 쉽게 각각의 데이터 형식으로 변환할 수 있다.

마지막

해당 내용은 틀릴 수도 있다는 것을 감안하여 봐주세요. 틀린 내용 및 오탈자 수정 요청 환영입니다.

반응형