Como fazer um loop através de 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 o definem, bem como métodos para executar tarefas comuns. No entanto, fazer loop através de um conjunto de dados enumeráveis ​​é uma dificuldade típica para os programadores. Ao ouvir o termo “laço”Em JavaScript, os programadores geralmente pensam nos muitos loops, como loops, 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 loop/iterar através de um objeto JavaScript simples.

Como fazer um loop através de um objeto JavaScript simples/simples?

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

• para um loop para in
• Objeto.Método Keys ()
• Objeto.Values ​​() Método
• Objeto.Método ()

Método 1: Faça um loop através de um objeto JavaScript simples/simples usando o loop for-in

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

Sintaxe
Use a sintaxe fornecida para usar o loop for-in para loop através de um objeto:

para (variável no objeto)

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

var object =
"JavaScript": 1,
"Java": 5,
"Python": 20,
"Html": 2,
"CSS": 11

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

for (const chave no objeto)
console.log ('$ key: $ object [key]');

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

Método 2: Vá através de um objeto JavaScript simples/simples usando objeto.Método Keys ()

Cada propriedade em um objeto tem um valor correspondente, o que significa que cada propriedade compreende pares de valor-chave. Você pode extrair as chaves, valores ou 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 “Objeto.chaves()”Método.

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

Objeto.chaves (objeto)

Exemplo
Invocar o objeto.Método Keys () e armazene a matriz resultante de chaves do objeto na variável “objkeys”:

const objkeys = objeto.teclas (objeto);

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

Método 3: Vá através de um objeto JavaScript simples/simples usando objeto.Values ​​() Método

Para obter os valores de um objeto contra suas propriedades, use o “Objeto.valores ()”Método. Devolve uma variedade de valores para as propriedades/chaves de um objeto.

Sintaxe
A sintaxe dada é usada para obter os valores do objeto, entre um objeto:

Objeto.valores (objeto)

Exemplo
Invocar o objeto.Values ​​() Método para obter os valores de um objeto contra suas propriedades:

const objvalues ​​= objeto.valores (objeto);

A saída exibe uma matriz de valores nas propriedades do objeto:

Método 4: Vá através de um objeto JavaScript simples/simples usando objeto.Método ()

Você também pode iterar através de um objeto JavaScript simples/simples usando o “Objeto.entradas ()”Método. Ele gera uma variedade de sub-maiores peças contendo pares de valor-chave do objeto dado.

Sintaxe
A sintaxe a seguir é usada para obter as entradas de um objeto, looping de um objeto:

Objeto.entradas (objeto)

Exemplo
Chame o objeto.Método () 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 os objetos JavaScript simples com objetos como membros.

Conclusão

Para percorrer um objeto JavaScript simples/simples, use o “para-in" laço, "Objeto.chaves()”Método,“Objeto.valores ()”Método, ou o“Objeto.entradas ()”Método. O loop for-in e o objeto.O método de entradas () é usado para obter todos os pares de valor-chave em um objeto, enquanto o objeto.as chaves () são usadas para obter as chaves e o objeto.valores () para os valores de um objeto. Este tutorial demonstrou maneiras diferentes de percorrer um objeto JavaScript simples.