Maison > interface Web > js tutoriel > Comment itérer et modifier efficacement les propriétés d'un objet dans un tableau ?

Comment itérer et modifier efficacement les propriétés d'un objet dans un tableau ?

Barbara Streisand
Libérer: 2024-11-14 14:02:02
original
468 Les gens l'ont consulté

How to Efficiently Iterate and Modify Object Properties in an Array?

Comment parcourir des objets de tableau et modifier leurs propriétés

Lorsque vous travaillez avec des tableaux contenant des objets, il peut être difficile de parcourir les éléments et modifier leurs propriétés. Cet article vous présentera une solution complète résolvant les problèmes identifiés dans la question d'origine.

Affichage des objets du tableau

Pour afficher des objets individuels dans un tableau, utilisez une boucle et console.log() dans la boucle. Votre code d'origine ne disposait pas d'une invocation console.log() dans la boucle. Voici le code corrigé :

for (var j = 0; j < myArray.length; j++){
  console.log(myArray[j]);
}
Copier après la connexion

Accès aux propriétés des objets

Pour accéder aux propriétés des objets dans une boucle, utilisez la notation par points ou les crochets. La notation par points fonctionne pour les noms de propriétés statiques, tandis que les crochets sont requis pour les noms de propriétés dynamiques. Par exemple, pour accéder à Object1.x :

console.log(myArray[j]["x"]); // Using square brackets
console.log(myArray[j].x); // Using dot notation
Copier après la connexion

Utilisation de forEach

Cependant, une approche plus concise consiste à utiliser la méthode forEach(). Il parcourt tous les éléments du tableau et exécute une fonction de rappel fournie. Dans la fonction de rappel, vous pouvez accéder et modifier les propriétés des objets de manière transparente.

yourArray.forEach(function (arrayItem) {
    var x = arrayItem.prop1 + 2;
    console.log(x);
});
Copier après la connexion

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