Dans l'objet javascript contiennent les propriétés de la paire clé-valeur et l'itération sur l'objet est différente des tableaux. Les objets peuvent être itérés à l'aide des boucles for...in et Object.keys(), Object.values() et Object.entries(). Voyons comment vous pouvez utiliser chaque méthode :

1. en utilisant la méthode for...in

const person = {
    name: 'John',
    age: 30,
    occupation: 'Engineer'
  };
 for(let key in persons){
     console.log(`${person[key]} : ${key}`)
}
   //output
   // name: 'John',
   // age: 30,
   // occupation: 'Engineer'

2.Utilisation d'Object.keys() : méthode

object.keys() est une méthode javascript qui prend un objet comme argument et renvoie un tableau de clés

const person = {
    name: 'John',
    age: 30,
    occupation: 'Engineer'
  };
const Object_keys = Object.keys(person);
console.log(Object_keys)// [ 'name', 'age', 'occupation']```

const person = {
    name: 'John',
    age: 30,
    occupation: 'Engineer'
  };
const Object_keys = Object.keys(person);

//here first i have used Object_keys array which i got from Object.keys(person);
for(let i = 0 ; i

const personne = {
    nom : « Jean »,
    âge : 30 ans,
    profession : 'Ingénieur'
  } ;
const Object_keys = Object.keys(personne);

//ici, j'ai d'abord utilisé le tableau Object_keys que j'ai obtenu de Object.keys(person);
pour (soit i = 0 ; i

3.Utilisation d'Object.entries() :


Object.entries()
 est une méthode javascript qui prend un objet comme argument et renvoie un tableau 2D de paire clé-valeur

const person = {
    name: 'John',
    age: 30,
    occupation: 'Engineer'
  };
const Object_keys = Object.keys(person);

//here first i have used Object_keys array which i got from Object.keys(person);
for(let i = 0 ; i

const personne = {
    nom : « Jean »,
    âge : 30 ans,
    profession : 'Ingénieur'
  } ;

const Object_keyValue = Object.entries(personne);

//sortir
// [ 
, ,  ]





const person = {
    name: 'John',
    age: 30,
    occupation: 'Engineer'
  };

for (const [key, value] of Object.entries(person)) {
  console.log(`${key} : ${value}`);
}

//output
   // name: 'John',
   // age: 30,
   // occupation: 'Engineer'


Object.entries()
 pour parcourir l'objet



const personne = {
    nom : « Jean »,
    âge : 30 ans,
    profession : 'Ingénieur'
  } ;

for (const [clé, valeur] de Object.entries(person)) {
  console.log(`${key} : ${value}`);
}

//sortir
   // nom : 'Jean',
   // âge : 30 ans,
   // profession : 'Ingénieur'




4. Utilisation d'Object.values() :


const myObject = {
  prop1: 'value1',
  prop2: 'value2',
  prop3: 'value3'
};

const values = Object.values(myObject);

for (const value of values) {
  console.log(value);
}



Object.values() renvoie un tableau des propres valeurs de propriétés énumérables d'un objet. Cela peut être utile si vous n'êtes intéressé que par les valeurs et non par les clés.



const monObjet = {
  prop1 : 'valeur1',
  prop2 : 'valeur2',
  prop3 : 'valeur3'
} ;

valeurs const = Object.values ​​(monObjet);

pour (valeur constante des valeurs) {
  console.log(valeur);
}