JavaScriptの新しい便利な演算子 ?.と??

JavaScriptの新しい便利な演算子 ?.と??

こんにちは、チャリセです!

今回は、Javascriptの便利な演算子を紹介いたします。
Javascriptには、ES2020から二つの新しい便利な演算子が導入されました。それが「?.」(Optional Chaining)と「??」(Nullish Coalescing)です。これらの演算子は、nullまたはundefinedの値を安全に扱うのに役立ちます。

1. Optional Chaining 「?.」
 ?.演算子は、オブジェクトの深い階層にあるプロパティにアクセスする際に便利です。
 従来の方法では、nullチェックを行う必要がありました。

演算子を使うと、以下のようにスッキリと書けます。
user.addressがnullまたはundefinedの場合、user.address?.cityの評価は短絡され、undefinedが返されます。
さらに、オブジェクトの連鎖にも使えます。

2. Nullish Coalescing ??
 ??演算子は、左側の値がnullまたはundefinedの場合に、右側の値を提供します。
従来の方法では、||演算子を使っていましたが、||は0や空文字列も無効な値として扱うため、意図しない動作になる可能性がありました。??演算子はnullやundefinedのみを無効な値として扱うため、望ましい動作になります。

?.と??はコードの可読性と堅牢性を高めてくれる、とても便利な演算子です。
是非一度ご活用ください!! Happy Coading!!

現在
株式会社チョモランマ
株式会社シェルパ
3Dmodeljapan株式会社
ではスタッフを大募集しております!!
Unreal Engine4、AI、プログラミングや建築パースに興味がある方!
ぜひご応募下さい!!
初心者の方、未経験の方やインターンを受けてみたい方々でも大歓迎です!!