Fall in IT.

typescript에서 객체에 key/value 쌍을 추가하는 방법 본문

프로그래밍언어/Javascript & Typescript

typescript에서 객체에 key/value 쌍을 추가하는 방법

D.Y 2017. 12. 26. 10:28
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.


안녕하세요.

오늘은 타입스크립트(typescript)에서 Key/Value 쌍으로 구성된 객체에 Key/Value 아이템을 추가하는 방법에 대해서 알아보겠습니다.



자바스크립트 예제 코드
  • var obj = {
        id: 1,
        name: '홍길동'
    }
  • 해당 객체에 age에 대한 정보도 추가하고 싶을 경우..
  • obj.age = 28
  • 로 간단하게 처리가 가능합니다.


타입스크립트 예제 코드
  • let obj = {
        id: 1,
        name: '홍길동'
    }
  • 위와 마찬가지로 age에 대한 정보를 추가하고 싶을 경우..
  • obj.age = 28; // 에러발생
    (
    에러가 발생하는 이유는, typescript는 컴파일 단계에서 obj에 property로 age가 존재하는지 체크하기 때문에 에러가 발생합니다.)
  • 해결방법
  • 간단하게 obj 객체에 타입을 any로 설정하면 해결됩니다.
  • let obj: any = {
        id: 1,
        name: '홍길동'
    }
  • obj.age = 28; // ok!
  • 타입을 any로 설정함으로써, 컴파일 단계에서 에러를 제거해줍니다.


검색 키워드


참고자료


모두 즐거운 코딩하세요~



2 Comments
댓글쓰기 폼