> 웹 프론트엔드 > 프런트엔드 Q&A > JavaScript의 세트를 JSON 형식으로 변환하는 방법

JavaScript의 세트를 JSON 형식으로 변환하는 방법

PHPz
풀어 주다: 2023-04-06 13:43:30
원래의
1193명이 탐색했습니다.

JavaScript는 프런트엔드 개발, 백엔드 개발, 모바일 애플리케이션 개발에 사용되는 널리 사용되는 스크립팅 언어입니다. 중요한 점은 JavaScript가 객체를 JSON 형식으로 쉽게 변환하여 데이터를 전송할 수 있다는 것입니다. JavaScript에서는 세트를 사용하여 다양한 값 세트를 저장할 수 있으므로 세트를 JSON 형식으로 변환하는 것이 매우 실용적입니다.

다음으로 JavaScript에 있는 set을 JSON 형식으로 변환하는 방법을 소개해드리겠습니다.

먼저 집합을 정의해야 합니다. JavaScript에서는 Set() 함수를 사용하여 다양한 값 집합을 저장할 수 있는 집합 개체를 만들 수 있습니다. 예를 들어, 다음은 세 가지 요소로 구성된 세트입니다.

let mySet = new Set(['apple', 'banana', 'orange']);
로그인 후 복사

다음으로 세트를 JSON 형식으로 변환해야 합니다. JavaScript에서는 JSON.stringify() 함수를 사용하여 객체를 JSON 형식의 문자열로 변환할 수 있습니다. 따라서 이 함수를 사용하여 집합을 JSON 형식으로 변환할 수 있습니다. 다음은 위 세트를 JSON 형식으로 변환하는 샘플 코드입니다.

let mySet = new Set(['apple', 'banana', 'orange']);
let mySetJSON = JSON.stringify({set: [...mySet]});
console.log(mySetJSON);
로그인 후 복사

이 코드의 출력 결과는 다음과 같습니다.

{"set":["apple","banana","orange"]}
로그인 후 복사

보시다시피 세트는 JSON 형식의 문자열로 변환되며 해당 키는 " set". 값은 세트에 포함된 모든 요소를 ​​포함하는 배열입니다.

또한 JSON.stringify()가 객체를 변환하는 방법을 제어하는 ​​함수인 두 번째 매개변수 대체자를 사용할 수도 있습니다. 다음은 교체기를 사용하여 세트를 JSON 형식으로 변환하는 샘플 코드입니다.

let mySet = new Set(['apple', 'banana', 'orange']);
let mySetJSON = JSON.stringify({set: [...mySet]}, (key, value) => {
  if (value instanceof Set) {
    return [...value];
  }
  return value;
});
console.log(mySetJSON);
로그인 후 복사

이 코드의 출력은 위의 샘플 코드와 동일합니다.

마지막으로 JSON.parse() 함수를 사용하여 JSON 형식 문자열을 JavaScript 개체로 변환할 수 있습니다. 다음은 위의 JSON 문자열을 JavaScript 개체로 변환하는 샘플 코드입니다.

let mySetJSON = '{"set":["apple","banana","orange"]}';
let mySet = new Set(JSON.parse(mySetJSON).set);
console.log([...mySet]);
로그인 후 복사

이 코드의 출력 결과는 다음과 같습니다.

["apple", "banana", "orange"]
로그인 후 복사

보시다시피 JSON 형식 문자열을 JavaScript의 집합 개체로 성공적으로 변환했습니다.

요약하자면, 집합을 JSON 형식으로 변환하는 것은 매우 실용적이며 데이터 전송을 실현할 수 있습니다. JavaScript에서는 JSON.stringify() 함수를 사용하여 집합을 JSON 형식의 문자열로 변환하거나 JSON.parse() 함수를 사용하여 JSON 형식의 문자열을 JavaScript의 집합 개체로 변환할 수 있습니다.

위 내용은 JavaScript의 세트를 JSON 형식으로 변환하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿