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

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

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2024-12-14 08:16:11723ブラウズ

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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。