Como percorrer um objeto JavaScript simples

Na linguagem JavaScript, um objeto é uma coleção de dados específica. Essas coleções de dados contêm uma ou mais características que as definem, bem como métodos para executar tarefas comuns. No entanto, percorrer um conjunto de dados enumeráveis é uma dificuldade típica para programadores. Ao ouvir o termo “ ciclo ” em JavaScript, os programadores geralmente pensam nos muitos loops, como loops for, forEach(), map() e outros. Infelizmente, esses métodos não se aplicam aos objetos porque os objetos não são iteráveis.

Este tutorial demonstrará as maneiras de fazer um loop/iterar por meio de um objeto JavaScript simples.

Como percorrer um objeto JavaScript simples/simples?

Para fazer um loop/iterar por meio de um objeto JavaScript simples, use os seguintes métodos:

loop for-in
Método Object.keys()
Método Object.values()
Método Object.entries()

Método 1: Fazer loop em um objeto JavaScript simples/simples usando loop for-in

Para percorrer um objeto, use o loop “for-in”. Ele itera em todos os atributos de string enumeráveis de um objeto que estão associados a um objeto.

Sintaxe
Use a sintaxe fornecida para usar o loop for-in para percorrer um objeto:

para ( variável no objeto )

Exemplo
Crie um objeto com propriedades em pares chave-valor:

era objeto = {
'JavaScript' : 1 ,
'Java' : 5 ,
'Pitão' : vinte ,
'HTML' : 2 ,
'CSS' : onze
}

Faça um loop sobre o objeto com base nas chaves de um objeto:

para ( const chave no objeto ) {
console. registro ( `$ { chave } : $ { objeto [ chave ] } ` ) ;
}

A saída exibe todas as características do objeto em um par chave-valor:

Método 2: percorrer um objeto JavaScript simples/simples usando o método Object.keys()

Cada propriedade em um objeto tem um valor correspondente, o que significa que cada propriedade compreende pares chave-valor. Você pode extrair as chaves, valores ou ambos chaves e valores como entradas em uma matriz usando os métodos estáticos do objeto. Se você deseja recuperar as chaves de um objeto, utilize o botão “ Object.keys() ” método.

Sintaxe
Siga a sintaxe fornecida para percorrer um objeto para recuperar as propriedades/chaves de um objeto:

Objeto . chaves ( objeto )

Exemplo
Invoque o método Object.keys() e armazene o array resultante de chaves do objeto na variável “ objKeys ”:

const objKeys = Objeto . chaves ( objeto ) ;

Como você pode ver na saída, todas as chaves de um objeto foram recuperadas com sucesso:

Método 3: percorrer um objeto JavaScript simples/simples usando o método Object.values()

Para obter os valores de um objeto em relação às suas propriedades, use o método “ Object.values() ” método. Ele retorna uma matriz de valores para as propriedades/chaves de um objeto.

Sintaxe
A sintaxe fornecida é usada para obter os valores do objeto percorrendo um objeto:

Objeto . valores ( objeto )

Exemplo
Invoque o método Object.values() para obter os valores de um objeto em relação às suas propriedades:

const objValues = Objeto . valores ( objeto ) ;

A saída exibe uma matriz de valores em relação às propriedades do objeto:

Método 4: percorrer um objeto JavaScript simples/simples usando o método Object.entries()

Você também pode iterar por meio de um objeto JavaScript puro/simples usando o método “ Object.entries() ” método. Ele gera um array de sub-arrays contendo pares chave-valor do objeto dado.

Sintaxe
A seguinte sintaxe é usada para obter as entradas de um objeto fazendo um loop em um objeto:

Objeto . entradas ( objeto )

Exemplo
Chame o método Object.entries() no objeto para recuperar todas as entradas de um objeto:

const objEntries = Objeto . entradas ( objeto ) ;

Saída

Reunimos todas as informações necessárias relevantes para percorrer objetos JavaScript simples com objetos como membros.

Conclusão

Para percorrer um objeto JavaScript puro/simples, use o comando “ for-in ' ciclo, ' Object.keys() ” método, “ Object.values() ” ou o método “ Object.entries() ” método. O loop for-in e o método Object.entries() são usados para obter todos os pares chave-valor em um objeto, enquanto Object.keys() são usados para obter as chaves e Object.values() para os valores de um objeto. Este tutorial demonstrou diferentes maneiras de percorrer um objeto JavaScript simples.

Como percorrer um objeto JavaScript simples