[typescript] 동적으로 키가 추가되는 객체의 타입 지정하기

const cache = {};

const add = (id: string, value: string) => {
  cache[id] = value;
};

const remove = (id: string) => {
  delete cache[id];
};

cache 객체에는 동적으로 키가 추가되고, 삭제될 수 있다.

 

1. Record 사용하기

const cache: Record<string, string> = {}

Record의 첫번째 인수에는 key의 타입, 두번째에는 value의 타입을 지정한다.

Record<Keys, Type>
객체의 키가 Keys, 값은 Type에 지정하여 객체 타입을 만들 수 있다.

 

2. index 타입 지정

const cache: {
  [id: string]: string
} = {};

인터페이스 또는 타입 사용

interface Cache {
  [id: string]: string
}

type Cache {
  [id: string]: string
}