"Si un ouvrier veut bien faire son travail, il doit d'abord affûter ses outils." - Confucius, "Les Entretiens de Confucius. Lu Linggong"
Page de garde > La programmation > il est facile de parcourir les « objets » en javascript

il est facile de parcourir les « objets » en javascript

Publié le 2024-08-02
Parcourir:695

ays to iterate over “objects” in javascript

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']```




```

nous pouvons utiliser object.keys() pour parcourir l'objet

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 ; i3.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); } ays to iterate over “objects” in javascript

Déclaration de sortie Cet article est reproduit sur : https://dev.to/sagar7170/4-ways-to-iterate-over-objects-in-javascript-1e8p?1 En cas de violation, veuillez contacter [email protected] pour supprimer il
Dernier tutoriel Plus>

Clause de non-responsabilité: Toutes les ressources fournies proviennent en partie d'Internet. En cas de violation de vos droits d'auteur ou d'autres droits et intérêts, veuillez expliquer les raisons détaillées et fournir une preuve du droit d'auteur ou des droits et intérêts, puis l'envoyer à l'adresse e-mail : [email protected]. Nous nous en occuperons pour vous dans les plus brefs délais.

Copyright© 2022 湘ICP备2022001581号-3