[JavaScript] 객체에 조건부로 속성 추가하기

개요

전달된 파라미터 객체의 키값에 따라 실행되는 쿼리문이 달라지는 로직을 작성하면서
조건부로 key 값을 넣는 방법을 찾아보았다.

조건문으로 속성 추가 또는 삭제하기

let isAdd = true;
let obj = {
  a: 1,
  b: 2,
}
if (isAdd) {
  obj.c = 3 // {a: 1, b: 2, c: 3}
} else {
  delete(obj.b); // {a: 1}
}

속성을 여러개 추가해야 될 경우 코드가 길어지고 중복되는 코드가 발생하기 때문에 비효율적이라는 생각이 들었다.

let isAdd = true;
let obj = {
  a: 1,
  b: 2,
}
if (isAdd) {
  obj.c = 3 // {a: 1, b: 2, c: 3}
  obj.d = 4 // {a: 1, b: 2, c: 3, d: 4}
  obj.e = 5 // {a: 1, b: 2, c: 3, d: 4, e: 5}
} else {
  delete(obj.b); // {a: 1}
}

객체를 재조립하기

스프레드 문법과 조건문을 이용하여 심플하게 객체의 key 값을 넣을 수 있다.

let isAdd = true;
let obj = {
  a: 1,
  b: 2,
  ...(isAdd && { c: 3 }),
}

참고

객체에 조건부로 속성을 추가하는 방법에 대해