Comment parcourir efficacement les objets JavaScript et leurs propriétés ?

Itération sur des objets JavaScript : un guide complet

La navigation dans les propriétés des objets JavaScript est un aspect crucial de la programmation. Contrairement aux tableaux, qui ont un ordre défini, les propriétés des objets sont dynamiques et sont accessibles à l'aide de boucles for-in.

Utilisation de boucles for...in

Pour des boucles simples itérations, la boucle for...in est un choix simple :

for (let key in myObject) {
  console.log(key, myObject[key]);
}

Cette boucle parcourt toutes les propriétés de myObject, enregistrant à la fois la clé et la valeur correspondante.

Object.entries() pour les clés et les valeurs

ES6 a introduit Object.entries(), qui renvoie un tableau de paires clé-valeur :

for (let [key, value] of Object.entries(myObject)) {
  console.log(key, value);
}

Cela fournit un moyen plus propre et plus concis d'accéder aux clés et aux valeurs.

À l'exclusion Propriétés héritées

Pour éviter de consigner les propriétés héritées (ce qui se produirait dans le cas de prototypes), utilisez hasOwnProperty() :

for (let key in myObject) {
  if (myObject.hasOwnProperty(key)) {
    console.log(key, myObject[key]);
  }
}

Diviser les itérations en morceaux

Pour parcourir les propriétés d'un objet en morceaux, il est recommandé d'extraire les clés dans un tableau en utilisant Objet.keys(). Cela garantit que l'ordre est maintenu :

let keys = Object.keys(myObject);

for (let i = 0; i < keys.length; i++) {
  console.log(keys[i], myObject[keys[i]]);
}

Cette approche permet des itérations spécifiques en définissant les indices de début et de fin dans la boucle for.

En comprenant ces techniques, les développeurs peuvent parcourir en toute confiance Objets JavaScript, à la fois efficaces et avec contrôle sur les propriétés spécifiques accessibles.

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!