[javascript] 동적으로 생성된 프로퍼티의 기본값 설정 방법

14 Dec 2023

javascript

자바스크립트에서 객체에 동적으로 프로퍼티를 추가할 수 있습니다. 때로는 이러한 동적 프로퍼티에 기본값을 설정해야 하는데, 이를 위해서는 몇 가지 방법이 있습니다.

1. 동적으로 생성된 프로퍼티에 직접 접근

일반적으로 객체에 동적으로 생성된 프로퍼티를 추가할 때, 직접 프로퍼티에 접근하여 값을 설정할 수 있습니다.

const obj = {};
const propName = 'dynamicProp';
obj[propName] = 'default value';

위의 예시에서 dynamicProp은 동적으로 생성된 프로퍼티이며, 기본값으로 'default value'가 할당되었습니다.

2. Object.assign()을 사용하여 기본값 추가

Object.assign()을 사용하여 새로운 객체에 기본값을 추가할 수 있습니다.

const dynamicProp = 'dynamicProp';
const defaultValue = { dynamicProp: 'default value' };
const obj = {};
Object.assign(obj, defaultValue);

위의 예시에서 dynamicProp이라는 동적 프로퍼티를 가진 객체 defaultValue를 생성하고, 이를 다른 객체 obj에 병합하여 기본값을 설정했습니다.

3. Proxy 객체 사용

Proxy 객체를 사용하여 객체에 프로퍼티가 설정될 때 기본값을 제공할 수 있습니다.

const obj = new Proxy({}, {
  get(target, prop) {
    if (prop === 'dynamicProp' && !(prop in target)) {
      return 'default value';
    }
    return target[prop];
  }
});

위의 예시에서 Proxy를 사용하여 obj 객체에 dynamicProp이라는 프로퍼티가 추가될 때 기본값인 'default value'를 제공합니다.

동적 프로퍼티에 기본값을 설정하는 방법은 다양하며, 상황에 따라 적합한 방법을 선택할 수 있습니다.