JSON은 한 서버나 시스템에서 다른 서버나 시스템으로 데이터를 저장하고 전송하는 데 주로 사용되는 경량 데이터 통합 형식입니다. 반면에 맵은 데이터도 저장하며 키가 모든 데이터 유형을 가질 수 있는 키 값 형식을 사용합니다. 개발자는 해당 키를 선택하여 특정 데이터를 검색할 수 있습니다.
이 문서에서는 다음 섹션을 다루면서 JSON을 JavaScript의 맵으로/에서 변환하는 프로세스를 설명합니다.
- JavaScript에서 JSON 데이터를 지도로 변환하는 방법은 무엇입니까?
- JavaScript 지도에서 JSON 데이터를 변환하는 방법은 무엇입니까?
- JSON API를 가져오고 해당 데이터를 지도로 변환하는 방법
JavaScript에서 JSON 데이터를 지도로 변환하는 방법은 무엇입니까?
JSON 데이터를 맵으로 변환하면 키-값 쌍 형식이 다음과 같이 유지됩니다. '지도' JSON과 마찬가지로 키-값 형식으로 데이터를 저장합니다. 따라서 개발자는 JavaScript 객체 변환에서 보장되지 않는 키의 원래 순서를 유지할 수 있습니다. 변환 중 “제이슨” 데이터를 '지도' 더 많은 유연성을 제공하며 개발자가 Map 내장 메서드를 사용하여 데이터를 탐색하는 동안 용이성을 제공할 수 있습니다.
JSON 하드 코딩된 데이터가 맵으로 변환될 아래 코드 블록을 방문해 보겠습니다.
< 스크립트 유형 = '텍스트/자바스크립트' >
const json형식 = '{'author1':'잭슨','author2':'리드','author3':'타샤','author4':'페터슨'} ' ;
const 지도형식 = 새로운 지도 ( 물체 . 항목 ( JSON. 분석하다 ( json형식 ) ) ) ;
콘솔. 통나무 ( 지도형식 ) ;
스크립트 >
위 코드에 대한 설명은 다음과 같습니다.
- 먼저, 이름이 const 유형인 변수를 생성합니다. 'json형식' JSON 형식, 즉 키-값 형식의 데이터를 포함합니다.
- 다음으로, 다음 이름으로 지도의 새 인스턴스를 만듭니다. '지도형식' . JSON 데이터를 구문 분석하려면 '지도형식' 안에 'JSON.parse()' 방법.
- 그런 다음 이 메서드에서 반환된 결과를 'Object.entries()' 배열의 배열을 생성하고 각 내부 배열은 키-값 쌍을 나타냅니다.
- 최종 결과 또는 이러한 모든 메서드를 적절한 정렬에 따라 전달합니다. '지도' 건설자. 이제 그 인스턴스 '지도형식' 다음을 사용하여 콘솔 창 위에 표시되는 변환된 JSON 데이터를 포함합니다. 'console.log()' 방법.
위 코드를 컴파일한 후 콘솔 창은 다음과 같습니다.
출력에서는 JSON 데이터가 Map으로 변환되었음을 확인합니다. JSON 데이터를 배열이나 맵으로 변환하는 방법에 대한 추가 정보와 예시를 보려면 다른 사이트를 방문하세요. 기사 .
JavaScript 지도에서 JSON 데이터를 변환하는 방법은 무엇입니까?
데이터를 JSON 형식으로 변환하면 평생 가용성이 향상되고 데이터 손실 없이 네트워크를 통해 어디든 이 데이터를 보낼 수 있습니다. 또한 JSON 형식은 사람이 쉽게 읽을 수 있으며 웹 API 또는 구성 파일에서 사용할 수 있습니다. 아래 프로그램에서는 지도 데이터가 JSON 형식으로 변환됩니다.
< 스크립트 유형 = '텍스트/자바스크립트' >const 지도형식 = 새로운 지도 ( [
[ '저자1' , '잭슨' ] ,
[ '저자2' , '갈대' ] ,
[ '저자3' , '타샤' ] ,
[ '저자4' , '피터슨' ] ,
] ) ;
const json형식 = JSON. 문자열화하다 ( 물체 . 항목에서 ( 지도형식 ) ) ;
콘솔. 통나무 ( json형식 ) ;
스크립트 >
위의 코드 블록에 대한 설명은 다음과 같습니다.
- 먼저, 이름이 지정된 인스턴스 '지도형식' 여러 항목이 포함된 맵에 대해 생성됩니다.
- 다음으로, 'Object.fromEntries()' 방법이 활용되며, '지도형식' 그것으로 전달됩니다. 그러면 제공된 지도 데이터가 중첩된 배열로 변환됩니다.
- 그런 다음 중첩된 배열이 'JSON.stringify()' 키-값 쌍의 정렬을 유지하면서 중첩 배열을 JSON 형식으로 변환하는 메서드입니다.
- 결국 생성된 JSON 형식 데이터가 콘솔 창 위에 표시됩니다.
위 코드를 컴파일한 후 생성된 출력은 다음과 같습니다.
출력에는 이제 지도 데이터가 JSON 형식으로 성공적으로 변환되었음을 보여줍니다.
JSON API를 가져오고 해당 데이터를 지도로 변환하는 방법은 무엇입니까?
API에서 수신된 JSON 데이터는 위의 첫 번째 섹션에서 설명한 것과 동일한 접근 방식을 활용하여 Map으로 직접 변환할 수도 있습니다. 이렇게 하려면 먼저 API를 가져와야 하며, 가져온 JSON 데이터는 아래와 같이 맵으로 변환됩니다.
< 스크립트 >비동기 기능 변환JSONApi ( ) {
노력하다 {
const 입술 = 가져오기를 기다리다 ( 'https://jsonplaceholder.typicode.com/todos/' ) ;
const json형식 = 입술을 기다려라. JSON ( ) ;
const 지도형식 = 새로운 지도 ( 물체 . 항목 ( json형식 ) ) ;
콘솔. 통나무 ( 지도형식 ) ;
} 잡다 ( 원인오류 ) {
콘솔. 오류 ( '데이터를 가져오거나 변환하는 중 오류 발생:' , 원인오류 ) ;
}
}
변환JSONApi ( ) ;
스크립트 >
위 코드에 대한 설명은 다음과 같습니다.
- 먼저, 이름이 지정된 비동기 함수 '변환JSONApi()' 함수 뒤에 있는 키워드 'async'를 활용하여 정의됩니다. '예어' .
- 다음으로 '노력하다' 차단하고 생성하세요 “상수” 유형 변수 “입술” API에서 가져온 데이터를 저장합니다. 가져오기는 API 링크를 삽입하여 수행됩니다. '술책()' 방법. 또한, '기다리다' 이 뒤에 키워드 '술책()' 모든 API 데이터의 도착을 기다리는 방법입니다.
- 그런 다음 “json()” 'res' 변수에 대한 메소드를 사용하여 수신되거나 가져온 모든 데이터를 읽습니다. 그만큼 '기다리다' 데이터 읽기가 완료될 때까지 기다리기 위해 그 뒤에 키워드도 적용됩니다. 이름이 지정된 변수에 결과를 전달합니다. 'json형식' .
- 그 후, 'json형식' 이름이 지정된 메서드 내부에 전달됩니다. 'Object.entries()' 제공된 데이터에 대한 중첩 배열을 생성합니다. 그런 다음 이는 내부로 전달됩니다. '지도()' 배열을 Map으로 변환하고 '지도' 이름이 지정된 인스턴스 '지도형식' .
- 이제 Map으로 변환된 이 가져온 JSON API는 다음을 표시하여 콘솔에 표시됩니다. '지도형식' 내부의 변수 'console.log()' 방법.
- 전체 프로세스 중에 발생한 오류를 파악하려면 다음을 활용하세요. '잡다' 발생한 오류가 포함된 더미 매개변수를 차단하고 전달하고 이를 처리하기 위해 더미 메시지를 표시합니다.
위 코드가 완료된 후의 출력은 다음과 같습니다.
출력에는 제공된 API에서 JSON 형식 데이터가 검색된 후 이 데이터가 맵으로 변환되었음을 보여줍니다.
JavaScript에서 JSON을 Map으로 변환하고 Map을 JSON으로 변환하는 프로세스에 대해 배웠습니다.
결론
JSON 데이터를 Map으로 변환하려면 다음과 같은 메소드를 사용하세요. 'JSON.parse()' 그리고 'Object.entries()' 사용됩니다. 첫 번째는 JSON 데이터를 구문 분석하고, 두 번째는 구문 분석된 데이터의 중첩 배열을 생성합니다. 지도 데이터를 JSON 형식으로 변환하는 경우 'Object.fromEntries()' 그리고 'JSON.stringify()' 데이터를 중첩 배열로 변환하고 이를 각각 JSON 형식으로 변환하는 메서드가 사용됩니다. 이 블로그에서는 JavaScript에서 JSON과 Map을 변환하는 절차를 설명했습니다.