ホームページ > ウェブフロントエンド > jsチュートリアル > オブジェクトに条件付きでプロパティを追加する方法

オブジェクトに条件付きでプロパティを追加する方法

WBOY
リリース: 2024-09-08 20:35:09
オリジナル
640 人が閲覧しました

How to add properties in object conditionally

オブジェクトに条件付きでプロパティを追加する方法

JavaScript または TypeScript でオブジェクトを構築する場合、式の評価に基づいて条件付きでプロパティを追加するのが一般的です。これは通常、スプレッド演算子 (...) を論理条件と組み合わせて使用​​して行われます。

const condition = (a, b) → a › b; const obj = {
          a: 1, b: 2,
          ... (false && {c: 3}), 
          ... (true && {d: 4}), 
          ... (condition (1, 2) && {e: 5}),
        }; 
console.log(obj); // output: { a: 1, b: 2, d: 4 }
ログイン後にコピー

説明

  • false && {c: 3}: これは false と評価され、{c: 3} オブジェクトが obj に分散されないことを意味します。

  • true && {d: 4}: 条件が true であるため、{d: 4} が obj に展開されます。

  • condition(1, 2) && {e: 5}: 条件関数は、> かどうかを評価します。 b. 1から> 2 は false であり、オブジェクト {e: 5} は拡散されません。

この手法は、さまざまな条件に基づいてプロパティを動的に追加しながら、オブジェクト定義をクリーンかつ簡潔に保つ強力な方法です。

出力

最終的なオブジェクトは次のようになります:
{ a: 1、b: 2、d: 4 }

以上がオブジェクトに条件付きでプロパティを追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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