Maison > interface Web > js tutoriel > le corps du texte

Comment puis-je supprimer efficacement les propriétés des objets de tableau à l'aide de la déstructuration ES6 ?

Mary-Kate Olsen
Libérer: 2024-11-12 10:35:02
original
386 Les gens l'ont consulté

How Can I Efficiently Remove Array Object Properties Using ES6 Destructuring?

Supprimer efficacement les propriétés d'un objet de tableau

Éliminer des propriétés spécifiques d'objets dans un tableau peut être fastidieux à l'aide de boucles traditionnelles. Pour rationaliser ce processus, explorons une approche plus efficace basée sur la déstructuration ES6.

Approche originale de la boucle For

La méthode traditionnelle consiste à utiliser une boucle for pour parcourir chaque objet et supprimez manuellement la propriété en question :

var array = [{"bad": "something", "good":"something"},{"bad":"something", "good":"something"},...];

for (var i = 0, len = array.length; i < len; i++) {
  delete array[i].bad;
}
Copier après la connexion

Bien que fonctionnelle, cette méthode est verbeuse et sujette à erreurs.

La déstructuration ES6 à la rescousse

ES6 introduit un moyen pratique de déstructurer des objets et de conserver sélectivement uniquement les propriétés souhaitées. A l'aide de l'opérateur spread ("..."), nous pouvons extraire toutes les propriétés sauf celles que nous souhaitons supprimer :

const newArray = array.map(({dropAttr1, dropAttr2, ...keepAttrs}) => keepAttrs)
Copier après la connexion

Dans ce cas, nous créons un nouveau tableau appelé newArray. La fonction map() parcourt le tableau d'origine et pour chaque objet, elle le déstructure en un nouvel objet avec toutes les propriétés à l'exception de dropAttr1 et dropAttr2. Les propriétés restantes sont collectées dans l'objet keepAttrs.

En vous appuyant sur la déstructuration plutôt que sur les boucles, vous simplifiez le code, améliorez la lisibilité et garantissez la cohérence dans la suppression des propriétés.

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:php.cn
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal