집 > 기사 > 웹 프론트엔드 > JavaScript에서 null 값을 어떻게 처리합니까?

JavaScript에서 null 값을 어떻게 처리합니까?

How do you handle null values in JavaScript?

JavaScript의 Elvis 및 안전 탐색 연산자

null 병합 연산자라고도 알려진 Elvis 연산자는 다음을 수행하는 편리한 방법입니다. 표현식이 null 또는 false로 평가되면 기본값을 반환합니다. 예를 들면 다음과 같습니다.

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

JavaScript에서는 논리 OR 연산자를 사용하여 유사한 결과를 얻을 수도 있습니다.

<code class="javascript">const displayName = user.name ? user.name : "Anonymous";</code>

JavaScript에는 현재 전용 안전 탐색 연산자가 없지만, NullPointerException을 방지하기 위해 조건부 논리를 사용할 수 있습니다.

<code class="javascript">const user = User.findById("admin");
const streetName = user ? (user.address ? user.address.street : null) : null;</code>

대체 구문: CoffeeScript

더 간결한 구문을 찾고 있다면 CoffeeScript 사용을 고려해 보세요. Elvis 및 안전 탐색 연산자와 유사한 여러 가지 단축형을 제공합니다.

존재 연산자: 속성 값이 있으면 반환하고 그렇지 않으면 정의되지 않은 값을 반환합니다.
```
<code class="coffeescript">zip = lottery.drawWinner?().address?.zipcode</code>
```

함수 단축키: 함수에 괄호를 생략할 수 있습니다.

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

섹시한 함수 호출: 여러 인수로 함수를 호출하는 보다 간결한 방법을 제공합니다.
```
<code class="coffeescript">func 'arg1','arg2' // equivalent to func('arg1','arg2')</code>
```

CoffeeScript는 여러 줄 주석, 클래스 등을 포함하여 JavaScript에 광범위한 기능을 추가합니다. . JavaScript로 컴파일하거나