JavaScript で null 値をどのように処理しますか?-jsチュートリアル-php.cn

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 には現在、専用の安全なナビゲーション演算子がありません。条件付きロジックを使用して NullPointerExceptions を回避できます:

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

ログイン後にコピー

代替構文: CoffeeScript

より簡潔な構文を探している場合は、CoffeeScript の使用を検討してください。これは、エルヴィスと安全なナビゲーション演算子に似たいくつかの短縮表現を提供します。

Existential Operator: プロパティが存在する場合はその値を返し、それ以外の場合は未定義を返します。
>
```
<code class="coffeescript">zip = lottery.drawWinner?().address?.zipcode</code>
```
ログイン後にコピー
関数のショートカット: 関数のかっこを省略できます。
```
<code class="coffeescript">func 'arg1','arg2' // equivalent to func('arg1','arg2')</code>
```
ログイン後にコピー
ログイン後にコピー
セクシー関数Calling: 複数の引数を使用して関数を呼び出すためのより簡潔な方法を提供します。
```
<code class="coffeescript">func 'arg1','arg2' // equivalent to func('arg1','arg2')</code>
```
ログイン後にコピー
ログイン後にコピー