← Back to NOTES 🌰 ← Back to Effective TypeScript

← 아이템 15 - 동적 데이터에 인덱스 시그니처 사용하기

핵심 요약

자바스크립트에서 배열은 객체이므로 키는 문자열이다. 타입스크립트는 이러한 혼란을 바로잡기 위해 숫자 키를 허용하지만 실제 런타임에서는 문자열로 변환된다. 일반적으로 number를 타입의 인덱스 시그니처로 사용할 이유는 많지 않으며, Array, 튜플, ArrayLike 타입을 사용하는 것이 좋다.

자세한 내용

자바스크립트 객체와 배열

자바스크립트 객체

• 키/값 쌍의 모음
• 키는 보통 문자열
• 복잡한 객체를 키로 사용하면 toString() 메서드가 호출되어 문자열로 변환

배열의 특성

• 배열도 객체
• 배열의 인덱스는 문자열로 변환되어 사용됨
• Object.keys()는 문자열 배열을 반환

타입스크립트의 처리

타입스크립트는 숫자 키를 허용하고 문자열 키와 다른 것으로 인식한다. 하지만 실제 런타임에서는 문자열로 동작한다.

interface Array<T> {
  [n: number]: T;
}

배열 순회 방법

1. for-of: 인덱스가 필요 없을 때 권장