Comment boucler et accéder aux propriétés dans des tableaux d'objets en JavaScript ?

Bouclage et accès aux propriétés dans des tableaux d'objets

En JavaScript, parcourir un tableau contenant des objets nécessite une approche modifiée par rapport aux tableaux de valeurs simples .

Itérer sur les objets

Pour parcourez les objets d'un tableau, vous pouvez utiliser la méthode forEach(). Contrairement à la structure de boucle de base, forEach() exécute une fonction de rappel pour chaque élément du tableau :

myArray.forEach((element) => {
  console.log(element);
});

Ce code enregistrera chaque objet du tableau myArray.

Accès Propriétés de l'objet

Pour accéder aux propriétés de l'objet dans la boucle, vous pouvez utiliser la notation par points ou par crochets notation :

forEach((element) => {
  console.log(element.x); // Dot notation
  console.log(element["y"]); // Bracket notation
});

Exemple

Modifions le code de votre question pour utiliser forEach() :

for (var j = 0; j < myArray.length; j++) {
  console.log(myArray[j].x); // This returns "undefined"
}

myArray.forEach((element) => {
  console.log(element.x); // This works
});

Dans la première boucle , il tente incorrectement d'accéder à la propriété "x" de la chaîne "undefined". L'utilisation de forEach() avec une fonction de rappel appropriée vous permet d'accéder et de manipuler avec succès les propriétés de chaque objet du tableau.

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!