“ 지도 ”는 키-값 쌍을 저장하고 검색하는 데 사용됩니다. JavaScript 맵과 유사한 TypeScript의 내장 데이터 구조이지만 유형 검사의 추가 이점이 있습니다. TypeScript Map 클래스는 모든 유형의 키 및 값과 함께 키-값 쌍을 저장하는 유형 안전 방식을 제공합니다.
이 블로그에서는 TypeScript에서 지도를 만드는 방법을 설명합니다.
TypeScript에서 지도를 만드는 방법은 무엇입니까?
TypeScript에서 맵을 생성하려면 다음 접근 방식을 사용하십시오.
방법 1: '지도' 생성자를 사용하여 지도 만들기
TypeScript에서 맵을 생성하려면 ' 지도 ” 생성자. 'Map' 생성자를 사용하는 동안 TypeScript에서 맵을 생성하는 두 가지 방법이 있습니다.
-
- ' 새로운 ” 키워드를 사용한 다음 “ 세트() ” 메서드를 사용하여 키-값 쌍을 추가합니다.
- 또는 선언 시 키-값 쌍으로 맵을 초기화합니다.
통사론
주어진 구문은 Map 생성자를 사용하여 TypeScript에서 맵을 생성하는 데 사용됩니다.
새 지도 < 유형 , 유형 > ( )허락하다 지도 = 새 지도 < 문자열, 숫자 > ( ) ;
여기서 “ 끈 ', 그리고 ' 숫자 ”는 맵의 키 및 값 유형입니다.
선언 시 맵을 초기화하려면 다음 구문을 사용하십시오.
허락하다 지도 = 새 지도 < 문자열, 문자열 > ( [[ '키1' , '값1' ] ,
[ '키2' , '값2' ]
] ) ;
예 1:
맵의 키 및 값에 대한 유형을 정의하여 맵 생성자를 사용하여 맵을 만듭니다.
const 표시 = 새 맵 < 문자열, 숫자 > ( ) ;
사용 ' 세트() ” 키-값 쌍을 맵에 추가하는 방법:
마크.세트 ( '지리학' , 25 ) ;
마크.세트 ( '수학' , 40 ) ;
마크.세트 ( '영어' , 31 ) ;
마지막으로 콘솔에 지도를 인쇄합니다.
이제 터미널에서 아래 명령을 실행하여 TypeScript 코드를 JavaScript 코드로 트랜스파일합니다.
그런 다음 다음 명령을 사용하여 JavaScript 코드를 실행합니다.
산출
메모 : TypeScript 코드 업데이트 후 반드시 TypeScript 파일을 트랜스파일 해야 합니다.
예 2:
Map 생성자를 사용하여 지도를 초기화할 수도 있습니다.
허락하다 표시 = 새 지도 < 문자열, 문자열 > ( [[ '역사' , '39' ] ,
[ '지리학' , '25' ] ,
[ '수학' , '40' ] ,
[ '영어' , '31' ]
] ) ;
'를 사용하여 콘솔에 지도를 인쇄합니다. 콘솔.로그() ' 방법:
산출
방법 2: '레코드 유틸리티' 유형을 사용하여 맵 생성
지도를 만드는 또 다른 방법은 ' 레코드 유틸리티 ' 유형. 키-값 쌍의 맵을 나타내는 유형을 정의하는 데 활용할 수 있는 TypeScript의 기본 제공 유형입니다. 키 유형과 값 유형의 두 매개변수를 사용합니다.
통사론
'레코드 유틸리티' 유형을 사용하여 맵을 생성하려면 주어진 구문을 따르십시오.
기록 < 유형 , 유형 > = { }
예
'레코드 유틸리티 유형'을 사용하여 맵을 생성합니다.
const 마크: 레코드 < 문자열, 문자열 > = { } ;
맵의 키에 값을 할당합니다.
점수 [ '지리학' ] = '25' ;
점수 [ '수학' ] = '40' ;
점수 [ '영어' ] = '31' ;
마지막으로 콘솔에 지도를 인쇄합니다.
산출
TypeScript에서 맵을 생성하는 데 필요한 모든 정보를 제공했습니다.
결론
'를 사용하는 것과 같이 TypeScript에서 맵을 생성하는 두 가지 방법이 있습니다. 지도 생성자 ” 및 “를 사용하여 레코드 유틸리티 유형 '. 두 접근 방식 모두 잘 수행되지만 첫 번째 접근 방식은 TypeScript에서 맵을 만드는 일반적인 방법입니다. 이 블로그는 TypeScript에서 지도를 만드는 방법을 설명했습니다.