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

Comment ajouter une propriété à un tableau d'objets à l'aide de Array.prototype.map()

Susan Sarandon
Libérer: 2024-10-23 13:14:02
original
929 Les gens l'ont consulté

How to Add a Property to an Array of Objects Using Array.prototype.map()

Ajout d'une propriété à un tableau d'objets

Vous disposez d'un tableau d'objets, et vous souhaitez ajouter une propriété supplémentaire nommée "Active " à chaque objet. La sortie attendue doit avoir la propriété ajoutée à tous les objets du tableau.

Pour y parvenir, vous pouvez utiliser la méthode Array.prototype.map(). Cette méthode crée un nouveau tableau en transformant chaque élément du tableau d'origine. Vous pouvez l'utiliser pour ajouter la propriété "Active" en mappant chaque objet à un nouvel objet qui inclut la propriété supplémentaire.

Voici un exemple de la façon dont vous pouvez utiliser Array.prototype.map() pour ajouter le " Propriété "Active" :

<code class="js">const result = Results.map(obj => ({ ...obj, Active: 'false' }));</code>
Copier après la connexion

Dans le code ci-dessus, la méthode map() crée un nouveau tableau en parcourant chaque objet du tableau Résultats. Pour chaque objet, il renvoie un nouvel objet qui inclut les propriétés d'origine ainsi que la propriété "Active" ajoutée définie sur "false".

La méthode map() est un outil puissant pour transformer des tableaux de données. Il vous permet de modifier facilement les éléments d'un tableau sans muter le tableau d'origine. Pour plus d'informations sur la méthode map(), vous pouvez vous référer à la documentation MDN : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map.

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
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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!