I det här exemplet lär du dig att skriva ett JavaScript-program som går igenom ett objekt.
För att förstå detta exempel bör du ha kunskap om följande JavaScript-programmeringsämnen:
- JavaScript-objekt
- JavaScript för … i loop
Exempel 1: Loop Through Object Using för … 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
namn - John ålder - 20 hobbyer - ("läsning", "spel", "kodning")
I exemplet ovan används for… inslingan för att slinga igenom studentobjektet.
Värdet på varje nyckel nås med hjälp av student(key).
Obs : Den for… inslingan också räkna ärvda egenskaper.
Till exempel,
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
namn - John ålder - 20 hobbies - ("läsning", "spel", "kodning") kön - man
Om du vill kan du bara gå igenom objektets egen egendom genom att använda hasOwnProperty()metoden.
if (student.hasOwnProperty(key)) ( ++count: )
Exempel 2: Loop Through Object Using Object.entries och för … 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); )
Produktion
namn - John ålder - 20 hobbyer - ("läsning", "spel", "kodning")
I ovanstående program slingras objektet med Object.entries()metoden och for… ofslingan.
Den Object.entries()metod returnerar en array av ett givet objekts nyckel / värdepar. Den for… ofslinga används för att slinga genom en array.
