Maison > interface Web > js tutoriel > il est possible de parcourir les « objets » en javascript

il est possible de parcourir les « objets » en javascript

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Libérer: 2024-07-17 05:57:39
original
585 Les gens l'ont consulté

ays to iterate over “objects” in javascript

Dans l'objet javascript, il contient 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'
Copier après la connexion

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




Copier après la connexion

nous pouvons utiliser object.keys() pour parcourir un 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<Object_keys.length;i++){
  console.log(`${Object_keys[i]} : ${person[Object_keys[i]]}`);
}

//here i have used Object_keys array which i got from Object.keys(person);
for(let keys of Object_keys){
  console.log(`${keys} : ${person[keys]}`);
}

// here i have just directly use object.key() method
for(let keys of Object.keys(person)){
  console.log(`${keys}: ${person[keys]}`);
}

// all three ways will give same output
name : John
age : 30
occupation : Engineer


Copier après la connexion

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_keyValue = Object.entries(person);

//output
// [ [ 'name', 'John' ], [ 'age', 30 ], [ 'occupation', 'Engineer' ] ]


Copier après la connexion

nous pouvons utiliser Object.entries() pour parcourir un objet


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'


Copier après la connexion

4. Utilisation d'Object.values() :

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 myObject = {
  prop1: 'value1',
  prop2: 'value2',
  prop3: 'value3'
};

const values = Object.values(myObject);

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



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!

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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal