Comment puis-je créer un sous-ensemble d'un objet JavaScript à l'aide du raccourci de propriété ?

Sous-ensemble d'objets JavaScript avec un raccourci de propriété

En JavaScript, les objets constituent un moyen pratique de stocker et d'organiser des données avec des paires clé-valeur. Cependant, il peut y avoir des situations où vous devez créer un nouvel objet avec seulement un sous-ensemble des propriétés de l'objet d'origine.

Problème :

Considérez l'objet suivant :

elmo = { 
  color: 'red',
  annoying: true,
  height: 'unknown',
  meta: { one: '1', two: '2'}
};

Vous souhaitez créer un nouvel objet contenant uniquement un sous-ensemble spécifique de ces propriétés, telles que la couleur et hauteur.

Solution :

La déstructuration des objets et le raccourci des propriétés fournissent une méthode élégante pour y parvenir :

const subset = { ...elmo, color, height };

Cette syntaxe crée un nouvel objet , sous-ensemble, qui inclut uniquement les propriétés color et height de l'objet elmo d'origine. L'opérateur de répartition ...elmo copie toutes les autres propriétés d'elmo, tandis que les propriétés de couleur et de hauteur explicitement définies avec le raccourci de propriété remplacent les valeurs copiées.

Exemple :

const object = { a: 5, b: 6, c: 7  };
const picked = (({ a, c }) => ({ a, c }))(object);

console.log(picked); // { a: 5, c: 7 }

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!