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

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

DDD
リリース: 2024-12-04 06:56:09
オリジナル
745 人が閲覧しました

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

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