In questo articolo impareremo come eseguire l'iterazione su un oggetto JavaScript. Durante l'iterazione, scorri le proprietà dell'oggetto una per una e, a seconda del metodo utilizzato per l'iterazione, potresti avere un accesso diverso a queste proprietà

Esistono molti metodi per eseguire l'iterazione su un oggetto, discussi di seguito:

Tabella dei contenuti

• Usando for…in loop
• Utilizzo del metodo Object.entries() e del metodo map()
• Utilizzo del metodo forEach() e del metodo object.keys()
• Utilizzo del metodo Lodash _.forOwn()

Metodo 1: Utilizzando per…in loop

Le proprietà dell'oggetto possono essere ripetute utilizzando un ciclo for..in. Questo ciclo viene utilizzato per scorrere tutte le proprietà iterabili non simboliche di un oggetto. Alcuni oggetti possono contenere proprietà che potrebbero essere ereditate dai loro prototipi. IL haProprietà() Il metodo può essere utilizzato per verificare se la proprietà appartiene all'oggetto stesso. Il valore di ciascuna chiave dell'oggetto può essere trovato utilizzando la chiave come indice dell'oggetto.

Sintassi:

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

Esempio: Questo esempio mostra l'implementazione dell'approccio sopra spiegato.

function iterateObject() {  let exampleObj = {  book: 'Sherlock Holmes',  author: 'Arthur Conan Doyle',  genre: 'Mystery'  };  for (let key in exampleObj) {  if (exampleObj.hasOwnProperty(key)) {  value = exampleObj[key];  console.log(key, value);  }  } } iterateObject(); 

book Sherlock Holmes author Arthur Conan Doyle genre Mystery 

Metodo 2: Utilizzando Metodo Object.entries() E carta geografica() Metodo

IL Metodo Object.entries() viene utilizzato per restituire un array di coppie di proprietà con chiave stringa enumerabili dell'oggetto. L'array restituito viene utilizzato con il file carta geografica() metodo per estrarre la chiave e il valore dalle coppie. La chiave e i valori della coppia chiave-valore possono essere estratti accedendo al primo e al secondo indice della coppia di array. Il primo indice corrisponde alla chiave e il secondo indice corrisponde al valore della coppia.

Sintassi:

Object.entries(exampleObj).map(entry =>{ let chiave = voce[0];  lascia valore = voce[1];  console.log(chiave, valore); }); 

Esempio: Questo esempio mostra l'implementazione dell'approccio sopra spiegato.

function iterateObject() {  let exampleObj = {  book: 'Sherlock Holmes',  author: 'Arthur Conan Doyle',  genre: 'Mystery'  };  Object.entries(exampleObj).map(entry =>{ let chiave = voce[0];  lascia valore = voce[1];  console.log(chiave, valore);  }); } iterateOggetto(); 

book Sherlock Holmes author Arthur Conan Doyle genre Mystery 

Metodo 3: utilizzo metodo forEach() E metodo object.keys()

Object.keys() restituisce un array di chiavi dell'oggetto e forEach()> è un metodo di array che consente di eseguire un'iterazione su ciascun elemento dell'array.

Esempio: Questo esempio mostra l'implementazione dell'approccio sopra spiegato.

function iterateObject() {  let exampleObj = {  book: 'Sherlock Holmes',  author: 'Arthur Conan Doyle',  genre: 'Mystery'  };  Object.keys(exampleObj).forEach(key =>{ valore const = esempioObj[chiave];  console.log(`${chiave}: ${valore}`);  }); } iterateOggetto(); 

book: Sherlock Holmes author: Arthur Conan Doyle genre: Mystery 

Metodo 4: utilizzo Metodo Lodash _.forOwn()

In questo approccio, utilizziamo il metodo Lodash _.forOwn(), che aiuta a scorrere gli oggetti.

Esempio: Questo esempio mostra l'implementazione dell'approccio sopra spiegato.

// Defining Lodash variable  const _ = require('lodash'); let users = {  'a': 1,  'b': 2,  'c': 3 }; _.forOwn(users, function (value, key) {  console.log(key, '=', value); }); 

Produzione:

a = 1 b = 2 c = 3 

Metodo 5: utilizzo del metodo Object.values() e del metodo forEach()

Il metodo Object.values() restituisce un array dei valori delle proprietà enumerabili dell'oggetto. Combinandolo con il metodo forEach(), puoi eseguire l'iterazione su ciascun valore. Per accedere anche alle chiavi corrispondenti, puoi utilizzare il metodo Object.keys() in tandem.

Sintassi:

Object.values(exampleObj).forEach((value, index) =>{ chiave const = Object.keys(esempioObj)[indice];  console.log(chiave, valore); }); 

Esempio:

function iterateObject() {  let exampleObj = {  book: 'Sherlock Holmes',  author: 'Arthur Conan Doyle',  genre: 'Mystery'  };  Object.values(exampleObj).forEach((value, index) =>{ chiave const = Object.keys(esempioObj)[indice];  console.log(chiave, valore);  }); } iterateOggetto(); 

book Sherlock Holmes author Arthur Conan Doyle genre Mystery