JavaScript에서 안전하게 Null 값을 처리하고 개체 속성에 액세스할 수 있는 방법은 무엇입니까?

JavaScript의 Elvis 및 Safe Navigation 연산자

Java에서는 Elvis(?:) 및 Safe Navigation(?.) 연산자가 편리한 방법을 제공합니다. null 값을 처리하고 객체 속성에 안전하게 액세스합니다. JavaScript는 이러한 정확한 연산자를 제공하지 않지만 대체 접근 방식이 존재합니다.

Elvis 연산자(?:)

Elvis 연산자의 기능을 구현하려면 다음을 사용할 수 있습니다. 논리 'OR' 연산자(||):

<code class="js">const displayName = user.name || "Anonymous";</code>

안전 탐색 연산자(?.)

JavaScript에는 현재 Safe에 해당하는 연산자가 없습니다. 네비게이션 운영자. 그러나 다음 패턴을 대신 사용할 수 있습니다.

<code class="js">const streetName = user?.address?.street;</code>

체인의 일부(예: 사용자, 주소, 거리)가 null인 경우 streetName이 null로 설정됩니다. 이 방법은 잠재적인 NullPointerException을 방지합니다.

대체 솔루션

Elvis 및 Safe Navigation 연산자의 구문을 원하는 경우 CoffeeScript 사용을 고려하세요. 비슷한 약어를 제공합니다:

Existential Operator

<code class="coffee">zip = lottery.drawWinner?().address?.zipcode</code>

Function Shortcuts

<code class="coffee">() -> // equivalent to function(){}</code>

Sexy Function 호출

<code class="coffee">func 'arg1', 'arg2' // equivalent to func('arg1', 'arg2')</code>

CoffeeScript 구문이 더 표현적일 수 있지만 '

• Bootstrap 목록 그룹 구성 요소에 대한 심층 분석
• JavaScript 함수 커링에 대한 자세한 설명
• JS 비밀번호 생성 및 강도 감지의 전체 예(데모 소스 코드 다운로드 포함)
• Angularjs는 WeChat UI(weui)를 통합합니다.
• JavaScript를 사용하여 중국어 번체와 중국어 간체 간을 빠르게 전환하는 방법과 중국어 간체와 중국어 번체 간 전환을 지원하는 웹사이트의 요령_javascript 기술