본문 바로가기
프론트엔드/TypeScript

class - index Signatures

by step 1 2021. 6. 21.
반응형

index를 이용하여 변수명을 사용자가 원하는 값으로 넣어줄수 있다.

예제

TS 파일

// class => object
// {mark: 'male', jade: 'male'}
// {chloe: 'female', alex: 'male', anna: 'female'}

class Students {
  
  [index: string]: "male" | "female";
}

const a = new Students();
a.mark = "male";
a.jade = "male";
console.log(a);

const b = new Students();
b.cloe = "female";
b.alex = "male";
b.anna = "female";
console.log(b);

컴파일된 JS 파일

"use strict";
// class => object
// {mark: 'male', jade: 'male'}
// {chloe: 'female', alex: 'male', anna: 'female'}
class Students {
}
const a = new Students();
a.mark = "male";
a.jade = "male";
console.log(a);
const b = new Students();
b.cloe = "female";
b.alex = "male";
b.anna = "female";
console.log(b);

 

화면 확인

반응형