[TypeScript] 타입스크립트의 타입 선언 : Array 와 Tuple

타입스크립트와 배열

타입스크립트에서 배열의 타입 선언은 아래와 같이 선언합니다.

 

// 배열의 타입 선언
let stringArray: string[] = ["hello", "world"];
let numberArray: number[] = [1, 2, 3];

 

자바스크립트의 배열은 destructuring assignment가 가능합니다.

이 문법을 사용하면 기존에 작성된 배열에다가 새로운 요소를  간편하게 추가할 수 있습니다.

// 배열의 타입 선언
let stringArray: string[] = ["hello", "world"];
let numberArray: number[] = [1, 2, 3];

// 배열의 destructuring 문법
let newArray: string[] = [...stringArray];
console.log(newArray); // [ 'hello', 'world' ]

 

 

타입스크립트와 튜플

어떤 배열과 같은 자료형에 첫번째 요소는 문자열 두번째는 숫자 세번째는 불리언인 타입 을 만들고 싶다면

어떻게 해야할까? 이럴 때 유용하게 쓸 수 있는 타입이 튜플(Tuple)입니다.

튜플은 배열에 원소의 순서별로 각각 타입을 지정해줄 수 있으며, 아래와 같이 사용하면 됩니다.

 

// 튜플 타입과 선언
type myTuple = [string, number, boolean];
let foodReview1: myTuple = ["교촌 허니콤보", 18700, true];
console.log(foodReview1); // [ '교촌 허니콤보', 18700, true ]