Programma JavaScript per eseguire il ciclo attraverso un oggetto

In questo esempio, imparerai a scrivere un programma JavaScript che eseguirà il ciclo attraverso un oggetto.

Per comprendere questo esempio, è necessario conoscere i seguenti argomenti di programmazione JavaScript:

  • Oggetti JavaScript
  • JavaScript per … in loop

Esempio 1: loop through object utilizzando for … in

 // program to loop through an object using for… in loop const student = ( name: 'John', age: 20, hobbies: ('reading', 'games', 'coding'), ); // using for… in for (let key in student) ( let value; // get the value value = student(key); console.log(key + " - " + value); ) 

Produzione

 nome - John età - 20 hobby - ("lettura", "giochi", "programmazione")

Nell'esempio precedente, il for… inciclo viene utilizzato per eseguire il ciclo attraverso l' studentoggetto.

Il valore di ciascuna chiave è accessibile utilizzando student(key).

Nota : il for… inciclo conterà anche le proprietà ereditate.

Per esempio,

 const student = ( name: 'John', age: 20, hobbies: ('reading', 'games', 'coding'), ); const person = ( gender: 'male' ) // inheriting property student.__proto__ = person; for (let key in student) ( let value; // get the value value = student(key); console.log(key + " - " + value); ) 

Produzione

 nome - John età - 20 hobby - ("lettura", "giochi", "programmazione") genere - maschio

Se vuoi, puoi solo scorrere la proprietà dell'oggetto usando il hasOwnProperty()metodo.

 if (student.hasOwnProperty(key)) ( ++count: )

Esempio 2: loop through Object utilizzando Object.entries e for … of

 // program to loop through an object using for… in loop const student = ( name: 'John', age: 20, hobbies: ('reading', 'games', 'coding'), ); // using Object.entries // using for… of loop for (let (key, value) of Object.entries(student)) ( console.log(key + " - " + value); )

Produzione

 nome - John età - 20 hobby - ("lettura", "giochi", "programmazione")

Nel programma precedente, l'oggetto viene ripetuto utilizzando il Object.entries()metodo e il for… ofciclo.

Il Object.entries()metodo restituisce un array di coppie chiave / valore di un dato oggetto. Il for… ofciclo viene utilizzato per scorrere un array.

Articoli interessanti...