Syntaxe succincte/concise pour la #39 d'objet en/#39;optionnelle #39; clés d'objet en ES6/ES7 ?

Question

Il ya déjà beaucoup de fonctionnalités cool dans ES6/ES7 pour définir les objets Javascript. Cependant, le modèle suivant est commun dans Javascript :

Existe-t-il un moyen de définir l'objet en même temps avec des touches facultatives et requises ?

Answer 1

Vous pouvez utiliser l'objet de la propagation de disposer en option d'une propriété.

Remarque: de l'Objet au Repos et à la Propagation est un stade 4 proposition de ECMAScript. Vous pourriez avoir besoin de la babel de transformation de l'utiliser.

let flag1 = true;
let flag2 = false;

const obj = { 
  requiredKey1: 1, 
  requiredKey2: 2,
  ...(flag1 && { optionalKey1: 5 }),
  ...(flag2 && { optionalKey2: 6, optionalKey3: 7 }),
  ...(flag1 && { optionalKey4: 8, optionalKey5: 9 })
};

console.log(obj);

Answer 2

Pour indiquer la clé, vous pouvez l'attribuer, si la condition est fausse

<div class="snippet" data-babel="false" data-console="true" data-hide="false" data-lang="js"> <div class="snippet-code">

</div></div>

Answer 3

<blockquote> <p>le modèle suivant est commun dans Javascript</p> <p>Il ne devrait pas. Avoir de nombreux objets de formes différentes peut entraîner une pénalité de performance. Les enregistrements doivent toujours contenir les mêmes clés. Donc, il suffit d'utiliser</p><pre><code></code></pre></blockquote>