JavaScript で Null 値を処理し、オブジェクトのプロパティに安全にアクセスするにはどうすればよいでしょうか?

JavaScript の Elvis 演算子とセーフ ナビゲーション演算子

Java では、Elvis (?:) 演算子とセーフ ナビゲーション (?.) 演算子が便利な方法を提供しますnull 値を処理し、オブジェクトのプロパティに安全にアクセスします。 JavaScript はこれらの正確な演算子を提供しませんが、代替のアプローチが存在します。

Elvis Operator (?:)

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 に設定されます。このメソッドは、潜在的な NullPointerExceptions を回避します。

代替ソリューション

Elvis およびセーフ ナビゲーション演算子の構文が必要な場合は、CoffeeScript の使用を検討してください。

存在演算子

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

関数ショートカット

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

Sexy Function

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

の呼び出し CoffeeScript 構文はより表現力豊かですが、'

著者別の最新記事

最新の問題

function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";

から 2024-04-29 11:01:01

0

3

2042

Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?

から 2024-04-23 00:22:19

0

11

2202

子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。

から 2024-04-19 15:37:47

0

1

1858

親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');

から 2024-04-18 23:52:34

0

1

1746

CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア

から 2024-04-16 10:10:18

0

0

1767

関連トピック

詳細>

• トロイの木馬ウイルスの主な危険性
• switch ステートメント
• VBA チュートリアル
• pycharmを中国語に変更する方法
• Douyinで小さな消防士を育てる方法
• 面接評価ツール
• 大丈夫ですか？
• Pythonで環境変数を設定する