자바스크립트 객체에서 key값과 value 값이 같은 경우

다음과 같이 클래스를 수정하였다.

이러한 형태로 class 를 만들게 되면 json 으로도 생성이 가능하고,  인터페이스 형태로 받아와서도 생성이 가능하다.

이러한 형태를 취한 이유는 모듈을 제작중이기 때문인데, nested class 형태를 취하고 있으며, 모듈로서 사람들이 다양하게 사용할 수 있는 가능성을 열어주기 위함이다.

 

static으로 함수를 정의하는 부분에서 key와 value 값이 같은 경우 아래와 같이 하나의 값으로도 표현이 가능하여 코드가 더 짧아짐을 확인 할 수 있다.

export interface DateAndPlaceOfBirthType {
  dateOfBirth: string;
  placeOfBirth: string;
}

export class DateAndPlaceOfBirth {
  protected dateOfBirth: string;
  protected placeOfBirth: string;

  constructor(dateAndPlaceOfBirthType: DateAndPlaceOfBirthType) {
    this.dateOfBirth = checkDate(dateAndPlaceOfBirthType.dateOfBirth);
    this.placeOfBirth = dateAndPlaceOfBirthType.placeOfBirth;
  }

  static fromJson(json) {
    const { dateOfBirth } = json.dateOfBirth;
    const { placeOfBirth } = json.placeOfBirth;

    return new DateAndPlaceOfBirth({ dateOfBirth, placeOfBirth });
  }
}

https://pro-self-studier.tistory.com/33

11. 객체의 key 와 value 값이 같다면, property shorthand

위처럼 자바스크립트에서 key 와 value 값이 같다면 다음과 같이 단축 속성명으로 짧게 정의할 수 있다.