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

JavaScript 또는 TypeScript로 객체를 작성할 때 표현식 평가를 기반으로 조건부로 속성을 추가하는 것이 일반적입니다. 이는 일반적으로 논리 조건과 함께 확산 연산자(...)를 사용하여 수행됩니다.

const condition = (a, b) → a › b; const obj = {
          a: 1, b: 2,
          ... (false && {c: 3}), 
          ... (true && {d: 4}), 
          ... (condition (1, 2) && {e: 5}),
        }; 
console.log(obj); // output: { a: 1, b: 2, d: 4 }

설명

• false && {c: 3}: 이는 false로 평가됩니다. 즉, {c: 3} 객체가 obj로 확산되지 않음을 의미합니다.

• true && {d: 4}: 조건이 true이므로 {d: 4}가 obj로 확산됩니다.

• condition(1, 2) && {e: 5}: 조건 함수는 a > b인지 여부를 평가합니다. 1 > 2는 false이므로 {e: 5} 객체는 확산되지 않습니다.

이 기술은 다양한 조건에 따라 속성을 동적으로 추가하면서 객체 정의를 깔끔하고 간결하게 유지하는 강력한 방법입니다.

산출

최종 개체는 다음과 같습니다.
{ a: 1, b: 2, d: 4 }