V tomto příkladu se naučíte psát program JavaScriptu, který prochází objektem.
Abyste pochopili tento příklad, měli byste znát následující programovací témata JavaScriptu:
- Objekty JavaScript
- JavaScript pro… ve smyčce
Příklad 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); )
Výstup
jméno - John věk - 20 koníčků - („čtení“, „hry“, „kódování“)
Ve výše uvedeném příkladu se for… in
smyčka používá k procházení student
objektem.
K hodnotě každého klíče se přistupuje pomocí student(key)
.
Poznámka : for… in
Smyčka bude také počítat zděděné vlastnosti.
Například,
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); )
Výstup
jméno - John věk - 20 koníčků - („čtení“, „hry“, „kódování“) pohlaví - muž
Pokud chcete, můžete pomocí hasOwnProperty()
metody procházet pouze vlastní vlastnost objektu .
if (student.hasOwnProperty(key)) ( ++count: )
Příklad 2: Smyčka s objektem pomocí Object.entries a pro … z
// 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); )
Výstup
jméno - John věk - 20 koníčků - („čtení“, „hry“, „kódování“)
Ve výše uvedeném programu je objekt ve smyčce pomocí Object.entries()
metody a for… of
smyčky.
Object.entries()
Metoda vrací pole párů klíč / hodnota daný objekt je. for… of
Smyčka se používá k procházet pole.