ts - 반복되는 자료형 동적으로 만들기

박제영·2022년 8월 19일
0

ts

목록 보기
12/13

단톡방에서 어떤 분이 아래와 같은 질문을 하셧다

이렇게 area 형식이 반복적으로 많은 object를 tsx코드에서 사용하려면요
type지정을 어찌 해야할까요?

{
  area1:{
    areaNum:1,
    location:'test', 
  },
  area2:{
    areaNum:1,
    location:'test', 
  },
   ....  
}

그래서 내가 이런 답변을 주엇는데

 interface A {
  [key: string]: {
    areaNum: number;
    location: string;
  };
}

내 답변에 더해 다른분의 설명이 더해졌는데 (무려 제로초님의 부연설명)
이렇게도 할 수 있다는 가르침이 있어 기록

interface A {
  [key: `gruop${number}`]: {
    areaNum: number;
    location: string;
  };
}

const a: A = {
  ['gruop1']: {
    areaNum: 1,
    location: 'test1',
  },
  ['gruop2']: {
    areaNum: 2,
    location: 'test2',
  },
};
profile
개발 도중 만난 문제 해결을 서술하거나 기록 및 개인의 생각을 정리한 블로그

0개의 댓글