Typescript Array & Tuple

1. Typescript Array

• TypeScript는 JavaScript의 타입을 확장하여 개발자에게 더 강력한 타입 검사와 편의성을 제공한다. 다음은 Typescript에서 Array를 선언하는 방법은 다음과 같다.

출처 : 생활코딩

실습 : TS Playground

Array 예제)

// TS
// Array

let arr1:number[] = [1,2,3];
console.log(arr1);
let arr2:Array<number> = [1,2,3];
console.log(arr2);

let arr3: string[] = ["hello", "Seong"];
console.log(arr3);
let arr4:Array<string> = ["Seong", "Ho", "Kim"];
console.log(arr4);

Type 별 Array 사용 방법)

// number Type
let arr1:number[] = [1,2,3];
let arr2:Array<number> = [1,2,3];

// string type
let arr3: string[] = ["hello", "Seong"];
let arr4:Array<string> = ["Seong", "Ho", "Kim"];

• 개인의 취향에 따라 사용하면 되며, Javascript와 달리 Typescript에서 배열 타입을 사용하기 위해선 다음과 같이 타입을 지정해서 사용해야한다.

Javascript Array 변환)

// JS
// Array

let arr1 = [1, 2, 3];
console.log(arr1); // [1,2,3]
let arr2 = [1, 2, 3];
console.log(arr2); // [1,2,3]

let arr3 = ["hello", "Seong"];
console.log(arr3);
let arr4 = ["Seong", "Ho", "Kim"];
console.log(arr4);

2. Typescript Tuple

• Tuple은 고정된 길이와 타입의 배열로, 각 요소의 타입과 순서가 정해져 있으며, Typescript 내에서만 사용이 가능하다

tuple 예제)

let tuple : [string, number, boolean] = ["hello", 30, true];
console.log(tuple);

• tuple 이라는 변수에 길이가 3이고, 각각 string, number, boolean 타입을 가진다. 배열마다 다양한 데이터 타입을 사용해야 할 경우엔 tuple을 사용하면 된다.

Javascript 변환)

let tuple = ["hello", 30, true];
console.log(tuple);

3. Array와 Tuple의 차이점 요약

• Array는 동일한 type의 배열 요소로 구성됨
• Tuple은 다양한 type의 배열 요소로 구성됨
• Javascript에선 사용할 수 없으며 Typescript 내에서만 사용할 수 있음