🐛 null連結演算子(?)傍観者とチェイニング(?.)

JavaScriptのfalseとtrulsey

https://velog.io/@muchogusto/JavaScript%EC%9D%98-falsy
No.2 null配列が見つからず、空配列[]、オブジェクト、空オブジェクト{}3非数値00の正/負のすべて!4つの空の文字列""文字列5 Nan 6 falsetruth

??(空の連結演算子)定義された値を出力

null連結演算子nullまたは未定義

を出力しない

すなわち、定義された値が出力される.

API呼び出しでcandyの個数を取得すると仮定する

方法falsey/truthyの利用

candy = ''
candy ? console.log(`a(${candy})는 참입니다.`) : console.log(`a(${candy})는 거짓입니다.`);

0の値が偽(偽)

しかし、数字0もデータです!0を印刷したいです!

candyが0の場合も表示!

方法null連結演算子の使用

candy ?? waiting

candyが空でも定義されていない場合candy出力

その他の場合、waiting出力

candy出力しない場合、「null,undefined」が発生する場合があります!

candyが0の場合も出力されますが、あああ!

n/a.結論

キャンディが0個あるのもデータ!
キャンディを0個表示したいなら!
「メソッド2.null連結演算子」を使用してください.
apiで受信値を呼び出して受信値をチェックする場合
入力した値がnullかundefinedかを確認します.
!null && !定義されていないときにレンダリングされることがあります.
このときJavaScriptのfalseyを利用するよりも!
null連結演算子?もっと使いやすいように見えます😉

に注意

新しい構文を比較するには、古いブラウザで複数のテキストが必要です.

「オープンスポーツ」?の

?.「は?」前の"の評価ターゲットがundefinedまたはnullの場合、評価を停止してundefinedに戻ります.

Reference

https://ko.javascript.info/nullish-coalescing-operator

https://ko.javascript.info/optional-chaining