Comment extraire des propriétés spécifiques d'un objet JavaScript ?

Sous-ensemble d'objets en JavaScript : extraire des propriétés spécifiques

Dans divers scénarios, nous rencontrons des objets avec de nombreuses propriétés, et l'extraction d'un sous-ensemble spécifique peut devenir essentiel. Cette question explore comment atteindre cet objectif en JavaScript.

Considérons l'objet suivant elmo :

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

L'objectif est de créer un nouvel objet, sous-ensemble, qui n'inclut qu'une partie de ceux-ci. propriétés, telles que la couleur et la hauteur.

Solution 1 : Utiliser la déstructuration et la propriété Raccourci

Une solution efficace utilise la déstructuration des objets et le raccourci des propriétés. Cette approche exploite la syntaxe des accolades (${}), permettant la création et l'affectation dynamiques de nouveaux objets :

const subset = ({ color, height }) => ({ color, height })(elmo);

Dans ce code, une nouvelle fonction de flèche est définie qui prend un objet comme paramètre. Entre les accolades, les propriétés souhaitées sont spécifiées à l'aide d'un raccourci de propriété, qui attribue automatiquement les valeurs extraites à ces propriétés dans le nouvel objet. Lorsque la fonction de flèche est invoquée avec l'objet elmo comme argument, le sous-ensemble d'objets résultant contient uniquement les propriétés de couleur et de hauteur.

Exemple de sortie :

{ color: 'red', height: 'unknown' }

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!