이다닷

[TypeScript] Day 2 - Array와 Tuple, TypeScript의 객체 본문

TypeScript

[TypeScript] Day 2 - Array와 Tuple, TypeScript의 객체

이다닷 2023. 11. 20. 18:00

TypeScript에서의 Array와 Tuple의 데이터 타입

 1. Array 타입

배열 선언 방법  (1)

// 첫 번째 방법: 타입 + []
let arr1: number[] = [1, 2, 3];

 

배열 선언 방법  (2)

// 두 번째 방법: Array<타입>
let arr2: Array = [1, 2, 3];

 

 2. Tuple 타입

Tuple 선언 방법

let tuple: [string, number, boolean] = ['Hello', 42, true];

 

Array와 Tuple의 차이점

Array - 길이가 가변적이며, 동일한 타입의 요소로 구성된다.

Tuple - 길이가 고정되어 있으며, 각 요소의 타입이 정해져 있다.

             JavaScript에는 없는 데이터 타입이며, TypeScript에서만 사용 가능하다.

 

TypeScript에서 객체의 데이터 타입

원래의 Javascript의 객체생성은 

const user = {
  name: "John",
  age: 25
};

 

이러한 형태로 이루어졌다. 하지만 TypeScript에서는 데이터 타입을 지정해준다. 따라서 

const user: {name: string, age: number} = {
  name: "John",
  age: 25
};

 

이러한 형태로 객체의 데이터 타입을 지정해 줄 수 있다.

이렇게 객체를 생성과 동시에 데이터 타입을 지정해주면, 코드의 안정성과 가독성이 향상된다.