[TypeScript] Index Signature

Hyowmls·2024년 6월 27일
1
post-thumbnail
post-custom-banner

인덱스 시그니처

Typescript에서 객체의 프로퍼티를 동적으로 정의할 수 있게 해주는 기능
즉, 객체의 key와 value를 미리 정하지 않고, 필요한 만큼 마음대로 추가할 수 있게 도와주는 기능이다

인덱스 시그니처를 사용하는 이유

객체를 만들때, 모든 프로퍼티를 미리 알 수 없는 경우가 있다.
예를 들어, 여러 사람의 점수를 저장하는 객체를 만든다고 가정할 때 몇 명의 사람이 있을지, 이름이 무엇인지 미리 정해놓을수 없다.
이러한 상황에서 인덱스 시그니처를 사용하여 원하는 사람의 수, 이름, 점수를 추가할 수 있다

사용 예시

interface Scores {
	[key : string] : number
}

const userScore: Scores = {
	"John" : 90,
    "Kim" : 80,
    "Lee" : 60
}

요약

  • 인덱스 시그니처는 객체의 프로퍼티를 동적으로 정의할 수 있게 해주는 기능이다
  • 미리 정해지지 않은 키와 값을 자유롭게 추가할 수 있다
post-custom-banner

0개의 댓글