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

2024. 10. 26. 15:53·Front end/TypeScript

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 // 불가능

 

반응형
저작자표시 (새창열림)

'Front end > TypeScript' 카테고리의 다른 글

[TypeScript] 추상클래스란 무엇인가 (임시)  (0) 2024.10.30
[TypeScript] 다형성과 제네릭  (2) 2024.10.27
[TypeScript] unknown, void, never 타입에 대해서 알아보자  (3) 2024.10.26
[TypeScript] 변수와 타입, 함수 생성  (1) 2024.10.24
'Front end/TypeScript' 카테고리의 다른 글
  • [TypeScript] 추상클래스란 무엇인가 (임시)
  • [TypeScript] 다형성과 제네릭
  • [TypeScript] unknown, void, never 타입에 대해서 알아보자
  • [TypeScript] 변수와 타입, 함수 생성
re-hwi
re-hwi
재휘의 개발일기
    반응형
  • re-hwi
    Dvelopment blog
    re-hwi
  • 전체
    오늘
    어제
    • 재휘의 개발일기 (167)
      • 개발 (25)
        • 소프트웨어 공학 (25)
      • Python (18)
        • numpy (8)
      • OS (23)
        • 쉽게 배우는 운영체제 (23)
      • Front end (1)
        • HTML (6)
        • CSS (9)
        • JavaScript (18)
        • React (2)
        • Vue.js (5)
        • TypeScript (5)
        • Sass (3)
      • Algorithm (1)
        • 파이썬 알고리즘 인터뷰 (2)
        • 자료구조와 함께 배우는 알고리즘 (20)
      • Android (2)
        • 안드로이드 앱 프로그래밍 with 코틀린 (2)
      • Project (15)
      • Network (0)
      • etc (12)
        • 이것저것 (10)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    프론트엔드
    컴포넌트
    자료구조
    타입스크립트
    티스토리챌린지
    JavaScript
    CSS
    개발
    오블완
    HTML
    numpy
    REACT
    js
    리액트
    정보처리기사
    FE
    scss
    표
    플레이리스트
    vue
    정처기
    파이썬
    TS
    자료흐름도
    sass
    뷰
    pwa
    연결리스트
    typeScript
    알고리즘
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
re-hwi
[TypeScript] Readonly , Tuple에 대해서 알아보자
상단으로

티스토리툴바