"Si un ouvrier veut bien faire son travail, il doit d'abord affûter ses outils." - Confucius, "Les Entretiens de Confucius. Lu Linggong"
Page de garde > La programmation > Comment augmenter un tableau d'objets avec des propriétés supplémentaires à l'aide de JavaScript ?

Comment augmenter un tableau d'objets avec des propriétés supplémentaires à l'aide de JavaScript ?

Publié le 2024-11-08
Parcourir:231

How to Augment an Array of Objects with Additional Properties using JavaScript?

Agrandissement d'un tableau d'objets avec des propriétés supplémentaires

Une tâche omniprésente en programmation consiste à améliorer un tableau d'objets existant avec des propriétés supplémentaires. Pour illustrer ce concept, considérons un tableau d'objets contenant deux éléments :

Object {Results:Array[2]}
Results:Array[2]
[0-1]
0:Object
   id=1    
   name: "Rick"
1:Object
   id=2     
   name:'david'

L'objectif est d'augmenter chaque objet avec une propriété supplémentaire nommée "Active", ce qui donne un tableau transformé :

Object {Results:Array[2]}
Results:Array[2]
[0-1]
0:Object
   id=1    
   name: "Rick"
   Active: "false"
1:Object
   id=2     
   name:'david'
   Active: "false"

Pour y parvenir, envisagez l'approche suivante :

Results.map(obj => ({ ...obj, Active: 'false' }))

Grâce à la méthode map(), chaque élément du tableau Results est transformé en un nouvel objet. La syntaxe Spread (...obj) est utilisée pour copier les propriétés existantes de l'objet, tandis que la nouvelle propriété Active est ajoutée explicitement, dans ce cas, avec la valeur « false ».

En tirant parti d'Array. prototype.map(), nous pouvons facilement et efficacement modifier un tableau d'objets avec de nouvelles propriétés, une opération fondamentale dans de nombreuses tâches de programmation. Pour plus de détails et de conseils, reportez-vous à la documentation complète fournie.

Déclaration de sortie Cet article est reproduit sur: 1729651455 S'il y a une contrefaçon, veuillez contacter [email protected] pour le supprimer.
Dernier tutoriel Plus>

Clause de non-responsabilité: Toutes les ressources fournies proviennent en partie d'Internet. En cas de violation de vos droits d'auteur ou d'autres droits et intérêts, veuillez expliquer les raisons détaillées et fournir une preuve du droit d'auteur ou des droits et intérêts, puis l'envoyer à l'adresse e-mail : [email protected]. Nous nous en occuperons pour vous dans les plus brefs délais.

Copyright© 2022 湘ICP备2022001581号-3