자바스크립트에서 맵(Map) 및 셋(Set)은 유용한 데이터 구조입니다. 그러나 이러한 데이터를 JSON 형식으로 직렬화하는 방법은 명확하지 않을 수 있습니다. 이 포스트에서는 맵과 셋의 데이터를 JSON 형식으로 변환하는 방법을 알아보겠습니다.

맵(Map) 데이터를 JSON으로 변환하기

맵 데이터를 JSON으로 변환하기 위해서는 먼저 맵을 배열로 변환한 다음, 배열을 JSON 문자열로 직렬화해야 합니다. 예를 들어, 다음과 같이 맵을 JSON 문자열로 변환할 수 있습니다.

const mapData = new Map([
  ['key1', 'value1'],
  ['key2', 'value2'],
]);

const jsonData = JSON.stringify([...mapData]);
console.log(jsonData);
// 출력: '[["key1","value1"],["key2","value2"]]'

위 예제에서 우리는 먼저 ... 연산자를 사용하여 맵을 배열로 변환한 후 JSON.stringify 함수를 사용하여 배열을 JSON 문자열로 변환했습니다.

셋(Set) 데이터를 JSON으로 변환하기

셋 데이터를 JSON으로 변환하기 위해서는 먼저 셋을 배열로 변환한 다음, 배열을 JSON 문자열로 직렬화해야 합니다. 예를 들어, 다음과 같이 셋을 JSON 문자열로 변환할 수 있습니다.

const setData = new Set(['value1', 'value2', 'value3']);

const jsonData = JSON.stringify([...setData]);
console.log(jsonData);
// 출력: '["value1","value2","value3"]'

셋 역시 맵과 마찬가지로 ... 연산자를 사용하여 배열로 변환한 후 JSON.stringify 함수를 사용하여 배열을 JSON 문자열로 변환했습니다.

결론

맵과 셋은 자바스크립트의 강력한 데이터 구조입니다. 이러한 데이터를 JSON 형식으로 변환함으로써 네트워크 통신이나 데이터 저장 등의 여러 상황에서 활용할 수 있습니다. JSON으로 변환하는 방법을 숙지하고 적절히 활용함으로써 더욱 효율적인 프로그래밍을 할 수 있습니다.