Maison > interface Web > js tutoriel > Comment ajouter des propriétés dans un objet de manière conditionnelle

Comment ajouter des propriétés dans un objet de manière conditionnelle

WBOY
Libérer: 2024-09-08 20:35:09
original
648 Les gens l'ont consulté

How to add properties in object conditionally

Comment ajouter des propriétés dans un objet de manière conditionnelle

Lors de la création d'un objet en JavaScript ou TypeScript, il est courant d'ajouter des propriétés de manière conditionnelle, en fonction de l'évaluation des expressions. Cela se fait généralement à l'aide de l'opérateur de propagation (...) en combinaison avec des conditions logiques.

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 }
Copier après la connexion

Explication

  • false && {c: 3} : ceci est évalué à false, ce qui signifie que l'objet {c: 3} n'est pas réparti dans obj.

  • true && {d : 4} : Puisque la condition est vraie, {d : 4} est réparti dans obj.

  • condition(1, 2) && {e: 5} : La fonction de condition évalue si un > b. Depuis 1 > 2 est faux, l'objet {e : 5} n'est pas propagé.

Cette technique est un moyen puissant de garder la définition de votre objet propre et concise tout en ajoutant des propriétés de manière dynamique en fonction de diverses conditions.

Sortir

L'objet final ressemble à ceci :
{ a : 1, b : 2, d : 4 >

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal