타이프 스크립트-튜플

타이프 스크립트는 튜플이라는 새로운 데이터 유형을 도입했다. 튜플은 서로 다른 데이터 유형의 두 값을 포함 할 수 있습니다.

숫자,문자열 및 튜플 유형 변수의 다음 예를 고려하십시오.

예:튜플 대 기타 데이터 유형

복사

var empId: number = 1;var empName: string = "Steve"; // Tuple type variable var employee: = ;

위의 예에서 변수empId을 숫자 유형으로 정의하고empName를 값이있는 문자열 유형으로 정의했습니다. 여기에,우리는 선언하고 직원의 아이디와 이름에 두 개의 변수를 할당. 단일 튜플 유형 변수를 사용하여 동일한 작업을 수행 할 수 있습니다. employee은 숫자와 문자열 유형의 두 값을 가진 튜플 유형 변수입니다. 따라서 두 개의 다른 변수를 선언 할 필요가 없습니다.

튜플 유형 변수는 아래와 같이 여러 데이터 유형을 포함할 수 있습니다.

예:튜플

복사

var employee: = ;var person: = ;var user: ;// declare tuple variableuser = ;// initialize tuple variable

또한 튜플의 배열을 선언 할 수 있습니다.

예:튜플 배열

복사

var employee: ;employee = , , ];

타이프 스크립트는 튜플 변수에 대한 자바 스크립트의 배열을 생성합니다. 예를 들어,var employee: = 는 자바 스크립트에서var employee = 으로 컴파일됩니다.

튜플 요소에 액세스

배열과 동일한 방식으로 인덱스를 사용하여 튜플 요소에 액세스 할 수 있습니다. 인덱스는 0 부터 시작합니다.

예:튜플

복사 액세스

var employee: = ;employee; // returns 1employee; // returns "Steve"

튜플에 요소 추가

푸시()방법을 사용하여 튜플에 새 요소를 추가할 수 있습니다.

예:푸시()

복사

var employee: = ;employee.push(2, "Bill"); console.log(employee); //Output: 

이는 숫자 및 문자열 값을 튜플에 추가하고employee튜플에 유효하기 때문에 허용됩니다.

이제 튜플에 부울 값을 추가해 보겠습니다.

employee.push(true) 

위의 예제에서는 다음과 같은 오류가 발생합니다:

test.ts(4,15): error TS2345: Argument of type 'true' is not assignable to parameter of type 'number | string'.

‘숫자|문자열’유형의 튜플에 부울 값을 추가하는 것은 허용되지 않는다는 오류가 발생합니다. 따라서’숫자/문자열’로 선언 된 튜플은 숫자와 문자열 값만 저장할 수 있습니다.

튜플은 배열과 같습니다. 따라서 팝(),연결()등과 같은 튜플에 배열 방법을 사용할 수 있습니다.

예:배열 메서드 사용

복사

var employee: = ;// retrieving value by index and performing an operation employee = employee.concat(" Jobs"); console.log(employee); //Output: 

답글 남기기

이메일 주소는 공개되지 않습니다.