(Typescript) dynamic key object

송재호·2022년 3월 23일
0

Angular 프로젝트를 진행하며 api 서버에서 Java Map 타입으로 넘어오는 데이터에 대해 타입을 지정해서 사용하고 싶었으나 방법을 몰라 구글링 해 보았다.

response 받은 예시 데이터는 다음과 같다고 가정한다.

{ 
	"keyExample": [
    	{ "id": 123, "name": "song" }
    ],
    "anotherKeyNameExample": [
    	{ "id": 234, "name": "blog" }
    ],
}

위 데이터 자체를 any 타입으로 받아서 사용해도 개발자 본인만 알고 있다면 문제될 것은 없지만 타입을 지정하여 깔끔하고 안전하게 사용하고 싶다면 다음과 같은 타입으로 받을 수 있다.

interface User {
	id: number;
    name: string;
}
const data = {[key: string]: Array<User>}
profile
식지 않는 감자

0개의 댓글