TypeScript에서 배열

자바스크립트에서의 배열은 이렇게 선언했었다.

 

타입이 없기 때문에 그냥 아무 값이나 배열에 추가했었다.

 

타입스크립트에서는 배열에도 어떤 타입의 값들을 넣을지 지정해준다.

let lang: string[] = ["c", "c++"," java"]

 

이런식으로 타입[]을 사용해 해당 타입이 배열임을 알려준다.

그리고 당연히 다른 타입을 값을 넣으려고 하면, 이렇게 에러가 발생한다.

 

만약 한 배열에 string과 number를 같이 넣고 싶다면

let lang: (string | number)[] = ["c", "c++"," java", 1]

이렇게 | 를 사용해서 string 혹은 number가 있다는 것을 알려준다.

하지만 배열이라는게 같은 타입의 객체들을 모으기 위해 사용하는 친구이기에, 이런 식으로 다양한 타입의 배열을 피하도록 하자.

 

이렇게 배열에 타입을 사용하는 이유가 있을까?

이렇게 배열 안의 원소들에 대해 타입을 지정해놔야.

해당 배열의 원소들에 접근할 때, 해당 원소들의 메서드를 가져올 수 있다.

 

그리고 해당 map에서 리턴타입을 빼도

이렇게 만들어지는 배열에 대한 타입 추론을 알아서 할 수 있다.

 

타입스크립트를 사용하는만큼 최대한 타입을 지정해서 사용할 수 있도록 하자.