I dette eksempel lærer du at skrive et JavaScript-program, der løber gennem et objekt.
For at forstå dette eksempel skal du have kendskab til følgende JavaScript-programmeringsemner:
- JavaScript-objekter
- JavaScript til … i loop
Eksempel 1: Loop Through Object Using 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); )
Produktion
navn - John alder - 20 hobbyer - ("læsning", "spil", "kodning")
I ovenstående eksempel for… inbruges sløjfen til at løbe gennem studentobjektet.
Værdien af hver nøgle tilgås ved hjælp af student(key).
Bemærk : for… inSløjfen tæller også arvede egenskaber.
For eksempel,
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); )
Produktion
navn - John alder - 20 hobbyer - ("læsning", "spil", "kodning") køn - mand
Hvis du vil, kan du kun løbe gennem objektets egen ejendom ved hjælp af hasOwnProperty()metoden.
if (student.hasOwnProperty(key)) ( ++count: )
Eksempel 2: Loop Through Object ved hjælp af Object.entries og for … af
// 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); )
Produktion
navn - John alder - 20 hobbyer - ("læsning", "spil", "kodning")
I ovennævnte program sløjfe objektet ved hjælp af Object.entries()metoden og for… ofsløjfen.
Den Object.entries()metode returnerer et array af en given objekts nøgle / værdipar. Den for… ofløkke anvendes til at sløjfe gennem et array.
