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

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

DDD
DDDオリジナル
2024-12-05 12:28:09453ブラウズ

How Can I Efficiently Add Conditional Object Members in JavaScript?

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

JavaScript では、オブジェクトにメンバーを条件付きで追加する一般的な方法には、if-else ステートメントが含まれます。 :

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

この方法は機能しますが、あまり慣用的ではないと考えることができます。より簡潔で柔軟なソリューションを実現するために、別のアプローチを検討できます。

1 つの試みは、オブジェクト宣言内で三項演算子を使用することです。

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

ただし、このアプローチでは、 b が存在するが値が未定義のオブジェクト。

複数の条件付きメンバーがある一般的なケースでは、スプレッド演算子と論理演算子を利用したより複雑なアプローチを使用できます。 AND 短絡評価:

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

この構文では、スプレッド演算子はかっこ内のオブジェクトをアンパックし、someCondition が true の場合にそれを に追加します。論理 AND 演算子 (&&) により、someCondition が true の場合にのみオブジェクトが追加されることが保証され、someCondition が false の場合、短絡評価により式 {b: 5} の評価が防止されます。

このアプローチは、 JavaScript でオブジェクトにメンバーを条件付きで追加するクリーンで効率的な方法。

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

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