[javascript] 특정 조건에 따라 동적으로 프로퍼티를 추가하는 방법

14 Dec 2023

javascript

1. 닷 표기법

let obj = {};
let condition = true;

if (condition) {
  obj.newProperty = 'dynamic property';
}

console.log(obj.newProperty);  // 'dynamic property'

2. 대괄호 표기법

let obj = {};
let condition = true;
let propertyName = 'newProperty';

if (condition) {
  obj[propertyName] = 'dynamic property';
}

console.log(obj.newProperty);  // 'dynamic property'

위의 예시들은 조건에 따라 obj 객체에 newProperty라는 프로퍼티를 동적으로 추가하는 방법을 보여줍니다. 원하는 조건을 기반으로하여 적절한 방법을 선택하여 사용할 수 있습니다.

그러나, 동적으로 프로퍼티를 추가하는 것은 코드를 이해하기 어렵게 만들 수 있으므로 가능한한 일관된 패턴을 사용하고, 명확한 목적을 가지고 사용하는 것이 좋습니다.

참고 자료:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Working_with_Objects