JavaScriptでオブジェクトを分割するときにデフォルト値を設定するにはどうすればよいですか?

配列とオブジェクト構造化この機能は、JavaScript の ES6 バージョンで導入されました。配列とオブジェクトを構造化すると、それらの値を別の変数に保存できるようになります。この変数を使用して、オブジェクトの特定のプロパティの値にアクセスできます。

配列オブジェクトを 破壊するときに注意する必要がある主な問題は、デフォルト値です。たとえば、オブジェクトの分割時に property3 変数を追加しましたが、オブジェクトに property3 が含まれていない場合、分割すると property3 変数に未定義の値が設定されます。

ユーザーは、以下の例に従って、存在しないプロパティに未定義の値を設定する方法

構造化 を理解できます。 ＃＃＃例＃＃＃

以下の例では、いくつかの整数値を持つ x プロパティと y プロパティを含む demo_obj オブジェクトを作成します。その後、demo_obj を分解し、その属性値を w、x、y、z 変数に設定してみます。

出力では、w 変数と z 変数の値は、demo_obj オブジェクトに存在しないため、未定義であることがわかります。

リーリー

上記の例から、ユーザーはオブジェクトを分割するときに変数のデフォルト値を設定する必要がある理由を理解できます。

＃＃＃文法＃＃＃

ユーザーは、JavaScript でオブジェクトを構造化するときに、次の構文に従ってデフォルト値を設定できます。

リーリー

上記の構文では、prop1、prop2、および porp3 変数内のオブジェクトを分解します。さらに、prop2 変数と prop3 変数のデフォルト値を設定します。

＃＃＃例＃＃＃

以下の例では、ID、名前、給与を含む従業員オブジェクトを作成します。その後、id、name、salary、age 変数内の従業員オブジェクトを構造化します。さらに、年齢変数をデフォルト値の 22 で初期化します。

出力では、age 変数の値が 22 であることがわかります。これは、employee オブジェクトに age 属性が含まれていないため、これがデフォルト値です。

リーリー ＃＃＃例＃＃＃

次の例では、テーブル オブジェクトを作成し、それを ID、ドロワー、幅、色の変数に分解します。表オブジェクトには幅プロパティが含まれていないため、幅変数の値はデフォルト値である 4 フィートであることがわかります。

他の変数の場合は、オブジェクトのプロパティから値を取得します。たとえば、色変数のデフォルト値は黒です。それにもかかわらず、オブジェクトには緑色の値を持つ色プロパティが含まれているため、緑色が色変数の値として割り当てられます。

リーリー

ユーザーは、このチュートリアルで、デフォルト値を使用して

オブジェクトを構造解除する方法を学びました。さらに、ユーザーは、オブジェクトの構造化時に変数にデフォルト値を割り当てるのではなく、変数の作成時に変数をデフォルト値で初期化できます。

上記の例から、オブジェクトに属性が含まれている場合、その属性値は変数に設定され、それ以外の場合、変数はデフォルト値を維持することがわかります。

以上がJavaScriptでオブジェクトを分割するときにデフォルト値を設定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。