JavaScript - 조건부 객체 속성 추가하기

조건에 따라서 객체의 속성을 추가하고 싶을 때가 있습니다.

특정 조건일 경우에만 { name: 'superman' } 을 추가할 때 어떻게 코딩하면 좋은지 한번 알아보도록 하겠습니다.

고전적인 방법

if문을 통해서 프로퍼티를 생성하고 값을 넣는 방법이 있습니다.

var isCondition = true;
var person = {
   age: 20
};

if (isCondition) {
   person.name = 'superman';
}

객체에 삼항연산자를 이용해서 프로퍼티를 추가할 수 있습니다.

var isCondition = true;
var person = {
   age: 20,
   ...(isCondition ? { name : 'superman' } : {})
};

논리 연산자를 이용하면 간단하게 사용할 수 있습니다.

논리연산자의 경우 첫번째 조건이 true 이면 뒤에 값을 그대로 반환합니다.

그 속성을 이용해서 object의 조건에 따라서 객체를 추가 할 수 있습니다.

var isCondition = true;
var person = {
   age: 20,
   ...(isCondition && { name : 'superman' })
};

자바스크립트에서 조건에 따라서 객체의 프로퍼티를 추가하는 방법 세가지를 알아보았습니다.

고전적인 방법과 삼항연산자, 논리 연산자를 이용하는 방법이 있는데,

논리연산자를 이용하면 한줄에 표현할 수 있어서 간단하고 쉽습니다.

728x90