>웹 프론트엔드 >JS 튜토리얼 >JavaScript에서 조건부 개체 멤버를 효율적으로 추가하려면 어떻게 해야 합니까?

JavaScript에서 조건부 개체 멤버를 효율적으로 추가하려면 어떻게 해야 합니까?

DDD
DDD원래의
2024-12-05 12:28:09454검색

How Can I Efficiently Add Conditional Object Members in JavaScript?

JavaScript의 조건부 개체 멤버 추가

JavaScript에서 조건부로 개체에 멤버를 추가하는 일반적인 방법에는 if-else 문이 포함됩니다. :

var a = {};
if (someCondition)
    a.b = 5;

이 방법은 효과적이지만 덜 관용적이라고 생각할 수 있습니다. 보다 간결하고 유연한 솔루션을 얻기 위해 대체 접근 방식을 모색할 수 있습니다.

한 가지 시도는 객체 선언 내에서 삼항 연산자를 사용하는 것입니다.

a = {
    b: (someCondition? 5 : undefined)
};

그러나 이 접근 방식은 결과적으로 b가 존재하지만 정의되지 않은 값을 갖는 객체입니다.

여러 조건부 멤버가 있는 일반적인 경우에는 스프레드 연산자를 활용하여 보다 정교한 접근 방식을 사용할 수 있습니다. 논리 AND 단락 평가:

const a = {
   ...(someCondition && {b: 5})
}

이 구문에서 스프레드 연산자는 괄호 안의 개체를 압축 해제하고 someCondition이 true인 경우 해당 개체를 추가합니다. 논리 AND 연산자(&&)는 someCondition이 true인 경우에만 객체가 추가되도록 보장하고, 단락 평가는 someCondition이 false인 경우 {b: 5} 표현식의 평가를 방지합니다.

이 접근 방식은 다음을 제공합니다. JavaScript에서 개체에 조건부로 멤버를 추가하는 깔끔하고 효율적인 방법입니다.

위 내용은 JavaScript에서 조건부 개체 멤버를 효율적으로 추가하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.