Neste exemplo, você aprenderá a escrever um programa JavaScript que percorrerá um objeto.
Para entender este exemplo, você deve ter conhecimento dos seguintes tópicos de programação JavaScript:
- Objetos JavaScript
- JavaScript para … em loop
Exemplo 1: Loop Through Object Usando 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); )
Resultado
nome - John idade - 20 hobbies - ("leitura", "jogos", "codificação")
No exemplo acima, o for… inloop é usado para percorrer o studentobjeto.
O valor de cada chave é acessado usando student(key).
Observação : o for… inloop também contará as propriedades herdadas.
Por exemplo,
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); )
Resultado
nome - John idade - 20 hobbies - ("leitura", "jogos", "codificação") gênero - masculino
Se quiser, você só pode percorrer a propriedade do próprio objeto usando o hasOwnProperty()método.
if (student.hasOwnProperty(key)) ( ++count: )
Exemplo 2: Loop Through Object Usando 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); )
Resultado
nome - John idade - 20 hobbies - ("leitura", "jogos", "codificação")
No programa acima, o objeto é executado em loop usando o Object.entries()método e o for… ofloop.
O Object.entries()método retorna uma matriz de pares chave / valor de um determinado objeto. O for… ofloop é usado para percorrer um array.
