Como iterar através de objetos em JavaScript

Saber como iterar através de um conjunto de dados enumeráveis ​​em JavaScript é essencial para iniciantes JavaScript. Os dados que você precisa para iterar podem ser de qualquer forma, como mapas, listas, matrizes e objetos. Diferentes métodos JavaScript são utilizados para iterar através de objetos em JavaScript e buscar os múltiplos pares de valores-chave. Os quatro principais deles são para… em loop, Objeto.chaves() método, Objeto.valores () método e Objeto.entradas () método.

Este artigo discutirá os métodos para iterar através de objetos em JavaScript. Além disso, os procedimentos relacionados à iteração de objetos como para ... em loop, objeto.Método Keys (), objeto.valores () método e objeto.Método () também será demonstrado com exemplos. Então vamos começar!

Itera através de objetos em JavaScript, utilizando para… em loop

Um dos métodos mais comuns para iterar através das propriedades do objeto é usar o “para… in" laço. O código que você adicionará dentro do… em loop será executado uma vez para cada propriedade do seu objeto.

Exemplo: iterando através de objetos em JavaScript, utilizando para… em loop

Primeiro, você precisa criar um objeto em um programa JavaScript. Por exemplo, no exemplo abaixo, criamos um “do utilizador“Objeto tendo“nome","idade","e-mail", e "ativo”Como suas propriedades:

const user =
Nome: 'Jack Smith',
Idade: 28,
Email: '[email protected] ',
ativo: true;

Em seguida, usaremos o “para… in”Faça um loop para iterar através do criado do utilizador objeto. O "para… in”O loop retornará as propriedades ou chaves do objeto e seus valores:

// itera através do objeto do usuário
para (tecla const no usuário)
console.log ('$ key: $ user [key]');

Aqui está o código completo do exemplo fornecido com sua saída:

Itera através de objetos em JavaScript, utilizando objeto.Método Keys ()

Para facilitar os objetos, o Objeto.chaves() Método foi adicionado a ES6. Você tem que passar pelo objeto que deseja iterar e o objeto JavaScript.O método Keys () retornará uma matriz compreendendo todas as chaves ou nomes de propriedades. Em seguida, você pode iterar através dessa matriz e buscar o valor de cada propriedade utilizando um método de loop de matriz, como o javascript foreach () loop.

Exemplo: iterando através de objetos em JavaScript, utilizando objeto.Método Keys ()

Para o propósito de demonstração, criaremos um “cursos“Objeto com cursos diferentes como suas propriedades como“dB","JavaScript","cp", e "dld”E atribuirá a cada um de alguns valores específicos:

Const Courses =
DB: 45,
JavaScript: 67,
CP: 23,
dld: 15;

Depois de fazer isso, converteremos nosso “cursos”Objeta -se ao“chaves" variedade:

// Converter objeto em matriz de chaves
const chaves = objeto.chaves (cursos);
// Imprima todas as chaves
console.log (chaves);

Na próxima etapa, iremos iterar usando o “cursos“Objeto usando o“chaves" variedade. Aqui, usamos o “para cada()”Loop para a iteração:

// itera através do objeto
chaves.foreach ((chave, índice) =>
console.log ('$ key: $ Courses [key]');
);

Dê uma olhada na saída do exemplo fornecido na imagem abaixo:

Itera através de objetos em JavaScript, utilizando objeto.Values ​​() Método

O objeto JavaScript.o método valores () é oposto ao objeto.key () método e foi incorporado no ES8. O objeto.Values ​​() Método gera uma matriz compreendendo os valores da propriedade do objeto adicionado. Depois disso, você pode iterar através dos valores do objeto utilizando um método de loop de matriz, como JavaScript forEach () Loop.

Exemplo: iterando através de objetos em JavaScript, utilizando objeto.Values ​​() Método

Este exemplo mostrará como iterar usando o objeto.Values ​​() Método através de um valor de objeto. Para esse fim, criaremos um “pássaros“Objeto com quatro propriedades“corvo","pardal","papagaio", e "Pombo”Com seus respectivos valores:

Const Birds =
Crow: 1,
Sparrow: 2,
Parrot: 3,
Pombo: 4;

Agora, para itera através dos valores do “pássaros”Objeto, vamos invocar o objeto.Values ​​() Método ao passar o “pássaros“Objeto como um argumento:

// itera através dos valores do objeto
Objeto.valores (pássaros).foreach (val => console.log (val));

Confira a saída abaixo da iteração dos valores de objeto:

Itera através de objetos em JavaScript, utilizando objeto.Método ()

Outro método ES8 que pode ser utilizado para iterar através dos objetos em JavaScript é “Objeto.entradas ()”Método. Quando você invoca o objeto.Método de entradas () passando o objeto criado como um argumento, ele retornará dois elementos em cada matriz interna. O primeiro elemento da matriz representará a propriedade do objeto e seu valor correspondente será armazenado no segundo elemento.

Exemplo: iterando através de objetos em JavaScript, utilizando objeto.Método ()

Para usar o objeto.Método de entradas () em seu programa JavaScript, crie um objeto com algumas propriedades e seus valores. Por exemplo, criamos um “pássaros”Objeto que possui quatro propriedades:

Const Birds =
Crow: 1,
Sparrow: 2,
Parrot: 3,
Pombo: 4;

Agora, para iterar através do “objeto”Valores, passaremos nosso“pássaros”Objeta como um argumento para o“Objeto.entradas ()”Método e armazenar o valor de retorno no“entradas" variável:

// itera através dos valores do objeto
entradas const = objeto.entradas (pássaros);
console.log (entradas);

Como você pode ver na saída abaixo do dado, o “Objeto.entradas ()”O método retornou quatro matrizes internas, onde cada matriz está armazenando uma única propriedade do“pássaros”Objeto junto com seu valor:

Para itera através da matriz, que é devolvida pelo objeto JavaScript.Método (), você também pode usar o “para cada()”Método ou o“para de" laço.

Para usar o para… do loop, você deve escrever o código a seguir depois de criar o objeto Birds necessário:

para (const [chave, valor] do objeto.entradas (pássaros))
console.log ('$ key: $ value');

Com a ajuda do “para de”Loop, iteramos com sucesso sobre o“pássaros”Objeto, que pode ser visto na saída:

Nesse caso, se você quiser utilizar o “para cada()”Método para o mesmo propósito e invocar o objeto.Entradas () Método ao passar o objeto criado como um argumento e depois chama o “para cada()”Método. O método foreach () retornará as propriedades ou chaves do objeto e seus respectivos valores:

// foreach () método
Objeto.entradas (pássaros).foreach (([chave, valor]) =>
console.log ('$ key: $ value')
);

Conclusão

Usando para… em loop, objeto.método key (), objeto.Values ​​() Método, objeto.Método de entradas (), você pode iterar através dos objetos em JavaScript. O para… em loop, objeto.Método () e objeto de entradas ().O método Keys () é usado para iterar através dos valores dos pares de teclas de objeto, enquanto o objeto.valores () apenas itera através dos valores da propriedade de um objeto. Este artigo discutiu os métodos de iterando através de objetos em JavaScript. Além disso, os procedimentos relacionados à iteração de objetos como para ... em loop, objeto.Método Keys (), objeto.valores () método e objeto.As entradas () também são demonstradas com exemplos.