> 웹 프론트엔드 > JS 튜토리얼 > JavaScript 객체에 조건부로 멤버를 추가하는 방법은 무엇입니까?

JavaScript 객체에 조건부로 멤버를 추가하는 방법은 무엇입니까?

DDD
풀어 주다: 2024-12-04 06:56:09
원래의
728명이 탐색했습니다.

How to Conditionally Add Members to a JavaScript Object?

JavaScript에서 조건부로 개체에 멤버 추가

질문: 개체에 멤버를 동적으로 추가하려면 어떻게 해야 합니까? 특정 조건에 따라 자바스크립트로?

초기화 접근 방식:

한 가지 간단한 접근 방식은 조건이 충족되는 경우 if 문을 사용하여 멤버를 추가하는 것입니다.

var a = {};
if (someCondition)
    a.b = 5;
로그인 후 복사

관용적인 해결 방법:

더 관용적이고 간결한 코드를 작성하려면 조건부 멤버의 값으로 정의되지 않음을 사용하지 마세요. 대신 조건부 삼항 연산자를 사용하세요.

a = {
    b: (someCondition? 5 : undefined)
};
로그인 후 복사

그러나 이 접근 방식을 사용하면 조건이 충족되지 않으면 b 멤버가 정의되지 않은 값으로 정의됩니다.

ES6 논리 AND를 사용한 솔루션:

여러 멤버가 있는 일반적인 경우에 ES6은 스프레드를 사용하는 영리한 솔루션을 도입합니다. 연산자 및 논리 AND 단락 평가:

const a = {
   ...(someCondition && {b: 5})
}
로그인 후 복사

논리 AND(&&) 연산자는 피연산자 중 하나라도 false인 경우 false로 평가됩니다. JavaScript에서는 undefound가 false이므로 someCondition이 false이면 {b: 5} 객체가 스프레드 연산자에 포함되지 않아 b 멤버가 객체에 추가되는 것을 효과적으로 방지할 수 있습니다.

위 내용은 JavaScript 객체에 조건부로 멤버를 추가하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿