본문 바로가기
Front end/TypeScript

[TypeScript] Readonly , Tuple에 대해서 알아보자

by re-hwi 2024. 10. 26.

ReadOnly

Readonly 는 말 그대로 읽기 전용 이라는 키워드 이다. 예를 들어서 어떤 배열을 생성할 때에만 값을 받고 해당 배열을 수정할 수 없게 만들고 싶을 때 사용한다. 

 

또한 readonly 키워드는 배열 튜플에서만 사용 가능하다. 사용법은 아래와 같다.

let arr : readonly number[] = [1, 2, 3]

arr.push(4) //error

 

이렇게 만들어진 arr 배열은 추가, 삭제, 업데이트 모두 불가하다. 

 

Tuple

파이썬을 공부하며 리스트와 튜플의 차이는 가변성과 불변성으로 공부했었다. 타입스크립트에서도 비슷하지만 "타입"을 바꿀 수 없다는 점이 다르다.

 

먼저 튜플을 선언할 때에는 타입의 순서를 선언한다. 

let a : [number, string, number] = [1,"hi",3]

 

이렇게 생성된 a 튜플은 0번 인덱스에는 number 타입, 1번 인덱스에는 string 타입, 2번 인덱스에도 number 타입만이 고정된다. 하지만 같은 타입이라면 요소를 변경할 수 있다.

let a : [number, string, number] = [1,"hi",3]

a[0] = 3 // 가능
a[1] = 4 // 불가능

 

반응형

댓글