ㅏ ' 사전 ”는 정렬되지 않은 목록에 키-값 쌍을 포함하는 데이터 구조 유형을 나타냅니다. TypeScript의 'map'과 동일합니다. TypeScript 애플리케이션에서 데이터를 처리하는 데 유용한 도구입니다. TypeScript에서 사전을 선언하고 초기화하는 과정은 간단하고 쉽습니다. 사전은 일반적으로 'Record' 유틸리티 유형을 사용하여 TypeScript에서 선언되고 초기화됩니다.
이 게시물은 Typescript에서 사전을 선언하고 초기화하는 방법을 설명합니다.
TypeScript에서 사전을 초기화하고 선언하는 방법은 무엇입니까?
TypeScript에서 사전을 초기화하고 선언하려면 다음 접근 방식을 사용하십시오.
계속 진행하기 전에 먼저 TypeScript 파일을 실행하려면 모든 수정 후 JavaScript 파일로 트랜스파일되어야 한다는 점을 이해하고 지정된 명령을 사용하여 터미널에서 JavaScript 코드를 실행해야 합니다.
tsc 사전.ts
노드 사전.js
방법 1: 인덱싱된 개체를 사용하여 TypeScript에서 사전 초기화 및 선언
사전을 초기화하고 선언하려면 ' 인덱싱된 개체 '. 키 그룹을 값 그룹에 연결하는 데이터 구조이며 각 키는 고유하며 특정 값에 연결됩니다.
통사론
다음 구문은 인덱싱된 개체를 사용하여 사전을 초기화하고 선언하는 데 사용됩니다.
유형 내 사전 = {[ 열쇠: 유형 ] : 값 유형
} ;
예
먼저 '라는 사전을 정의합니다. 내사전 ”는 사전의 모양을 설명하는 색인 객체 유형입니다.
유형 내 사전 = {[ 키: 문자열 ] : 숫자
} ;
그런 다음 새 변수 '를 선언하고 초기화합니다. 연령 사전 ' 유형의 ' 내사전 ” 세 개의 키-값 쌍을 사용하여 개체 리터럴을 할당합니다.
'남자' : 26 ,
'메리' : 28 ,
'바위' : 27
} ;
'에 변수를 전달하여 콘솔에 사전을 인쇄합니다. 콘솔.로그() ' 방법:
산출
사전의 지정된 키 값을 검색하려면 대괄호 표기법 '[ ]'을 사용할 수 있습니다.
출력은 '의 연령을 표시합니다. 바위 ' 그건 ' 27 ”:
방법 2: 인터페이스를 사용하여 TypeScript에서 사전 초기화 및 선언
사전을 초기화하고 선언하려면 ' 상호 작용 '. TypeScript의 인터페이스는 객체가 따라야 하는 계약을 표현하는 기술입니다. 해당 인터페이스의 인스턴스로 간주되기 위해 개체에 필요한 특성 및 속성 유형을 정의합니다.
통사론
인터페이스를 사용하여 사전을 초기화하고 선언하기 위해 주어진 구문을 따르십시오.
인터페이스 정보 {키1: 값1유형;
키2: 값2유형;
}
예
먼저 '라는 사전을 정의합니다. 정보 '인터페이스'를 사용하여 '문자열' 유형의 이름 속성과 '숫자' 유형의 연령 속성을 갖도록 구현하는 모든 개체가 필요합니다.
인터페이스 정보 {이름: 문자열;
나이: 숫자;
}
그런 다음 새 변수 '를 선언하고 초기화합니다. 학생사전 ' 유형의 ' 정보 ” 속성으로 “ ID ' 유형의 ' 숫자 ”:
1 : { 이름: '잭' , 나이: 열 다섯 } ,
2 : { 이름: '거머리' , 나이: 18 }
} ;
마지막으로 콘솔에 사전을 인쇄합니다.
산출
이제 인덱스 또는 ID 2에서 개체에 액세스합니다.
산출
방법 3: ES6 맵을 사용하여 TypeScript에서 사전 초기화 및 선언
TypeScript에서 사전을 초기화하고 선언하기 위해 ES6 Map 접근 방식을 사용할 수도 있습니다. 키와 값이 모든 데이터 유형일 수 있는 키-값 쌍을 저장할 수 있는 JavaScript 및 TypeScript의 기본 제공 데이터 구조입니다.
통사론
ES6 Map을 사용하려면 다음 구문을 따르십시오.
새 지도 < 키 유형, 값 유형 > ( ) ;
예
먼저 키와 값의 유형을 '로 지정하여 Map 생성자를 사용하여 맵 객체를 생성합니다. 끈 ”:
허락하다 학생 = 새 지도 < 문자열, 문자열 > ( ) ;
이제 set() 메서드를 사용하여 키-값 쌍을 사전에 추가합니다.
학생.세트 ( '나이' , '18' ) ;
학생.세트 ( '취미' , '책 읽기' ) ;
콘솔에서 사전을 인쇄합니다.
산출
방법 4: 레코드 유틸리티 유형을 사용하여 TypeScript에서 사전 초기화 및 선언
사전을 초기화하고 선언하는 또 다른 방법은 TypeScript에서 'Record' 유틸리티 유형을 사용하는 것입니다. 사전을 초기화하고 선언하는 가장 일반적인 방법입니다. 지정된 키와 값으로 유형을 생성할 수 있는 TypeScript의 사전 구축된 데이터 구조입니다.
통사론
레코드 유틸리티 유형에는 다음 구문이 사용됩니다.
기록 < 키 유형, 값 유형 > = { } ;
예
주어진 예에서 '라는 사전을 선언하고 초기화합니다. 학생 ”를 사용하여 기록 ” 문자열 유형의 키와 값을 지정하는 유틸리티 유형:
허락하다 학생: 기록 < 문자열, 문자열 > = {'이름' : '거머리' ,
'나이' : '18' ,
'취미' : '책 읽기' ,
} ;
마지막으로 콘솔에 사전을 인쇄합니다.
산출
TypeScript에서 사전 초기화 및 선언과 관련된 모든 필수 정보를 컴파일했습니다.
결론
TypeScript에서 사전을 초기화하고 선언하려면 ' 인덱싱된 객체 ”, “ 한 상호 작용 ”, “ ES6 맵 ' 아니면 그 ' 레코드 유틸리티 유형 '. 사전을 초기화하고 선언하는 가장 일반적인 방법은 '레코드 유틸리티 유형'입니다. 이 게시물은 TypeScript 사전을 선언하고 초기화하는 방법을 설명했습니다.