ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript で条件付きでオブジェクト メンバーを効率的に追加するにはどうすればよいですか?

JavaScript で条件付きでオブジェクト メンバーを効率的に追加するにはどうすればよいですか?

Mary-Kate Olsen
リリース: 2024-12-14 08:16:11
オリジナル
723 人が閲覧しました

How Can I Efficiently Add Object Members Conditionally in JavaScript?

JavaScript での条件付きオブジェクト メンバーの追加

プログラマは、多くの場合、条件付きでメンバーを追加したオブジェクトを作成する必要があります。直接的なアプローチは簡単です:

var a = {};
if (someCondition)
    a.b = 5;
ログイン後にコピー

ただし、このメソッドは、条件が false の場合、メンバーに未定義の値を作成します。

より慣用的な解決策を実現するために、一部の開発者は次のことを試みます。

a = {
    b: (someCondition? 5 : undefined)
};
ログイン後にコピー

ただし、この方法でもメンバーの値は未定義になります。

この記事では、次のことについて説明します。複数のメンバーと条件を処理するより包括的なソリューション:

a = {
  ...(someCondition && {b: 5}),
  ...(conditionC && {c: 5}),
  ...(conditionD && {d: 5}),
  ...(conditionE && {e: 5}),
  ...(conditionF && {f: 5}),
  ...(conditionG && {g: 5}),
};
ログイン後にコピー

このソリューションは、スプレッド演算子と論理 AND 短絡評価を利用して、未定義のメンバーが確実に省略されるように条件付きでメンバーを追加します。

以上がJavaScript で条件付きでオブジェクト メンバーを効率的に追加するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート