Σε αυτό το παράδειγμα, θα μάθετε να γράφετε ένα πρόγραμμα JavaScript που θα περνάει μέσα από ένα αντικείμενο.
Για να κατανοήσετε αυτό το παράδειγμα, θα πρέπει να γνωρίζετε τις ακόλουθες ενότητες προγραμματισμού JavaScript:
- Αντικείμενα JavaScript
- JavaScript για… σε βρόχο
Παράδειγμα 1: Loop Through Object Χρησιμοποιώντας για… 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); )
Παραγωγή
όνομα - John ηλικία - 20 χόμπι - ("ανάγνωση", "παιχνίδια", "κωδικοποίηση")
Στο παραπάνω παράδειγμα, ο for… inβρόχος χρησιμοποιείται για βρόχο μέσω του studentαντικειμένου.
Η τιμή κάθε κλειδιού έχει πρόσβαση χρησιμοποιώντας student(key).
Σημείωση : Ο for… inβρόχος θα μετρήσει επίσης τις κληρονομικές ιδιότητες.
Για παράδειγμα,
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); )
Παραγωγή
όνομα - John ηλικία - 20 χόμπι - ("ανάγνωση", "παιχνίδια", "κωδικοποίηση") φύλο - αρσενικό
Εάν θέλετε, μπορείτε να πραγματοποιήσετε βρόχο μόνο μέσω της ιδιότητας του αντικειμένου χρησιμοποιώντας τη hasOwnProperty()μέθοδο.
if (student.hasOwnProperty(key)) ( ++count: )
Παράδειγμα 2: Βρόχος μέσω αντικειμένου που χρησιμοποιεί Object.entries και για… από
// 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); )
Παραγωγή
όνομα - John ηλικία - 20 χόμπι - ("ανάγνωση", "παιχνίδια", "κωδικοποίηση")
Στο παραπάνω πρόγραμμα, το αντικείμενο περιτυλίγεται χρησιμοποιώντας τη Object.entries()μέθοδο και τον for… ofβρόχο.
Η Object.entries()μέθοδος επιστρέφει έναν πίνακα ζευγών κλειδιών / τιμών ενός συγκεκριμένου αντικειμένου. Ο for… ofβρόχος χρησιμοποιείται για βρόχο μέσω πίνακα.
