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

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

DDD
DDDオリジナル
2024-12-04 06:56:09783ブラウズ

How to Conditionally Add Members to a JavaScript Object?

JavaScript でオブジェクトにメンバーを条件付きで追加する

質問: オブジェクトにメンバーを動的に追加するにはどうすればよいですか。特定の条件に応じて、JavaScript で?

Initialアプローチ:

簡単なアプローチの 1 つは、条件が満たされた場合に if ステートメントを使用してメンバーを追加することです:

var a = {};
if (someCondition)
    a.b = 5;

慣用的な解決策:

より慣用的で簡潔なコードを作成するには、条件付きメンバーの値として unknown を使用することは避けてください。代わりに、条件付き三項演算子を使用します:

a = {
    b: (someCondition? 5 : undefined)
};

ただし、この方法でも、条件が満たされない場合は、b メンバーが未定義の値で定義されます。

ES6論理 AND を使用した解決策:

複数のメンバーを含む一般的なケースに対して、ES6 ではスプレッド演算子と論理 AND 短絡評価:

const a = {
   ...(someCondition && {b: 5})
}

論理 AND (&&) 演算子は、オペランドのいずれかが false の場合、false と評価されます。 JavaScript では未定義は false であるため、someCondition が false の場合、{b: 5} オブジェクトはスプレッド演算子に含まれず、b メンバーがオブジェクトに追加されるのを効果的に防ぎます。

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

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