자바스크립트에서 다중 레벨 프로퍼티 디스크립터는 객체 내에 중첩된 레벨의 프로퍼티를 정의하는 방법입니다.

예시

const obj = {
  property1: {
    subProperty1: 1,
    subProperty2: 2
  },
  property2: {
    subProperty1: 3,
    subProperty2: 4
  }
};

위의 예시에서 obj는 두 개의 프로퍼티 property1과 property2를 가지고 있습니다. 각 프로퍼티는 또 다른 객체를 값으로 갖고 있으며, 이 객체들은 두 개의 서브 프로퍼티 subProperty1과 subProperty2를 가지고 있습니다.

다중 레벨 프로퍼티 디스크립터 사용하기

다중 레벨 프로퍼티 디스크립터를 사용하려면 중첩된 객체를 생성하여 해당 레벨의 프로퍼티를 정의해야 합니다.

const obj = {
  property1: {
    subProperty1: 1,
    subProperty2: 2
  },
  property2: {
    subProperty1: 3,
    subProperty2: 4
  }
};

위의 예시에서 obj 객체에 property1과 property2를 정의하고, 각 프로퍼티에 중첩된 객체를 생성하여 subProperty1과 subProperty2를 정의했습니다.

다중 레벨 프로퍼티 접근하기

다중 레벨 프로퍼티에 접근하기 위해서는 점 표기법 또는 대괄호 표기법을 사용할 수 있습니다.

console.log(obj.property1.subProperty1); // 1
console.log(obj["property2"]["subProperty2"]); // 4

위의 예시에서는 점 표기법과 대괄호 표기법을 사용하여 다중 레벨 프로퍼티에 접근한 결과를 출력했습니다.

결론

다중 레벨 프로퍼티 디스크립터는 자바스크립트에서 중첩된 프로퍼티를 정의하기 위한 간편하고 유용한 방법입니다. 이를 통해 객체를 효율적으로 구조화하고 접근할 수 있습니다.

참고 자료

• MDN Web Docs - Objects