TypeScript의 배열 유형은 무엇이며 어떻게 사용할 수 있습니까?

Typescriptui Baeyeol Yuhyeong Eun Mueos Imyeo Eotteohge Sayonghal Su Issseubnikka



인접한 메모리 블록에 동일한 유형의 요소 그룹을 유지하는 데이터 구조를 ' 정렬 '. 배열은 JavaScript의 상위 집합이므로 TypeScript에서 데이터 유형으로도 지원됩니다. 개발자가 배열이 저장할 수 있는 요소의 유형을 지정할 수 있기 때문에 JavaScript보다 유형이 더 안전합니다. 이러한 방식으로 배열을 활용하여 유지 관리 가능한 코드를 생성할 수 있습니다.

이 튜토리얼은 TypeScript의 배열 유형과 이를 사용하는 방법을 보여줍니다.







TypeScript의 배열 유형은 무엇이며 어떻게 사용할 수 있습니까?

정렬 ”는 배열 유형을 지정하는 고급 기능이 있는 JavaScript와 유사한 TypeScript의 데이터 구조입니다. 숫자나 문자열 목록과 같은 데이터 모음을 저장하고 조작하는 데 사용할 수 있으며 인덱스를 사용하여 액세스할 수 있습니다. TypeScript에서 배열을 선언하거나 사용하는 두 가지 방법이 있습니다.



  • '배열' 키워드
  • 대괄호 '[]' 또는 단축 구문

단일 유형 배열의 구문

단일 유형으로 배열을 선언하거나 초기화하려면 'Array' 키워드와 함께 주어진 구문을 사용하십시오.



정렬 < 유형 > = [ 요소1, 요소2, 요소3 ] ;





또는 아래와 같이 속기 구문으로 사용하십시오.

유형 [ ] = [ 요소1, 요소2, 요소3 ] ;



다중 유형 배열의 구문

'Array' 키워드의 도움으로 다중 유형 배열을 초기화하거나 선언하기 위해 아래 구문을 활용하십시오.

정렬 < 유형 | 유형 > = [ 요소1, 요소2, 요소3 ] ;

또는 다음과 같이 대괄호 '[]' 또는 단축 구문을 사용할 수 있습니다.

( 유형 | 유형 ) [ ] = [ 요소1, 요소2, 요소3 ] ;

예제 1: 단일 문자열 유형 배열

먼저 '라는 TypeScript 파일을 만듭니다. Arraytypes.ts '. 주어진 예제에서 먼저 '라는 문자열 유형의 배열을 선언합니다. 색상 ” “배열” 키워드 사용:

변수 색상: 배열 < > ;

이제 문자열 유형 값으로 배열을 초기화합니다.

색상 = [ '빨간색' , '파란색' , '녹색' , '검은색' , '하얀색' , '보라' , '분홍색' ] ;

다음으로 콘솔에서 어레이를 인쇄합니다.

console.log ( 색상 ) ;

코드를 추가한 후 주어진 명령을 사용하여 이 파일을 JavaScript 파일로 변환합니다.

tsc Arraytypes.ts

그런 다음 JavaScript 코드를 실행하기 위해 아래 주어진 명령을 사용합니다.

노드 Arraytypes.js

메모 : TypeScript 파일을 수정할 때마다 반드시 트랜스파일해야 합니다.

산출

배열 요소에 액세스하려면 대괄호 표기법 '[ ]'을 사용하십시오. 여기에서 인덱스 3의 요소에 액세스합니다.

console.log ( 색상 [ ] ) ;

출력에 ' 검은색 ”는 인덱스 3에 위치한 배열의 요소입니다.

예제 2: 단일 숫자 유형 배열

이 예에서는 유형 '을 지정하여 짝수 배열을 만듭니다. 숫자 ” 단축 구문 사용:

var evenNumbers: 숫자 [ ] = [ 2 , 4 , 6 , 8 , 10 , 12 , 14 , 16 , 18 , 이십 , 22 ] ;

콘솔에서 어레이를 인쇄합니다.

console.log ( 짝수 ) ;

산출

예제 3: 다중 유형 배열

제공된 예제에서 문자열 유형과 숫자 유형의 값을 포함하는 배열을 만듭니다.

먼저 파이프라인 또는 합집합 연산자로 배열 유형을 지정하여 속기 구문을 사용하여 배열을 선언합니다.

변수 배열: ( | 숫자 ) [ ] ;

배열에 값을 할당한 다음 콘솔에 인쇄합니다.

배열 = [ '빨간색' , 1 , '파란색' , 7 , '보라' , 5 ] ;
console.log ( 정렬 ) ;

산출

이것이 TypeScript에서 배열 유형을 사용하는 방법에 관한 것입니다.

결론

정렬 ”는 데이터 모음을 저장하고 조작하는 데 사용할 수 있는 JavaScript와 유사한 TypeScript의 데이터 구조입니다. TypeScript에서 배열을 선언/사용하는 방법은 ' 정렬 ” 키워드 또는 대괄호 “ [ ] ” 또는 약식 구문. 이 튜토리얼에서는 TypeScript의 배열 유형과 이를 사용하는 방법을 설명했습니다.