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

안녕하세요.

오늘은 타입스크립트(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로 설정함으로써, 컴파일 단계에서 에러를 제거해줍니다.

검색 키워드

• How can I add a key/value pair to a JavaScript object?

• How can I add a key/value pair to a TypeScript object?

참고자료

• https://stackoverflow.com/questions/1168807/how-can-i-add-a-key-value-pair-to-a-javascript-object

모두 즐거운 코딩하세요~