Para… em loops em JavaScript - pares de valor -chave

Em JavaScript, os objetos armazenam e organizam dados em pares de valores-chave. Às vezes, os desenvolvedores precisam percorrer cada par de valores-chave. JavaScript fornece uma variedade de loops, como “para" ou "para cada”Loops, mas eles estão acostumados a iterar através de matrizes. Para iterar através de objetos, o “para… in”O loop é usado, o que itera sobre as propriedades de um objeto.

Este blog irá ilustrar o javascript para… em loop.

Como usar loops "para ... in" em JavaScript?

Em JavaScript, o “para… in”O loop é usado para iterar sobre as propriedades do objeto, incluindo quaisquer propriedades enumeráveis ​​de seus protótipos. Cada propriedade e seu valor serão iterados no loop.

Sintaxe

Para iterar objetos JavaScript, use a seguinte sintaxe do para… em loop:

para (variável no objeto)
//…

Exemplo

Primeiro, crie um objeto de linguagens de programação chamado “Lang”:

const lang =
HTML: 20,
CSS: 65,
JavaScript: 23,
Nodejs: 8

Agora, imprima todos os pares de valores-chave iterando o objeto usando para… em loop:

para (const chave em lang)
console.log ('$ key: $ lang [key]');

Pode-se observar que o para ... em loop iterou e imprimiu todos os pares de valor-chave no console:

O para… em loop pode ser útil para iteração através das propriedades de um objeto, mas também pode levar a um comportamento inesperado se o objeto tiver propriedades herdadas de seus protótipos. Para evitar isso, a melhor abordagem é utilizar o “Objeto.HASOWNPROPERTY ()”Método dentro do loop for… para verificar se a propriedade/atributo pertence ao objeto e não um de seus protótipos.

Exemplo

Itera as próprias propriedades do objeto usando o método HASOWNPROPERTY ():

para (const chave em lang)
If (Lang.HasownProperty (key))
console.log ('$ key -> $ lang [key]');

Você também pode usar "Objeto.chaves()" ou "Objeto.entradas ()”Métodos para obter uma matriz dos próprios nomes de propriedades do objeto ou pares de valor-chave, respectivamente, e depois itera sobre essa matriz.

Conclusão

O "para… in”O loop em JavaScript irá atingir todos os atributos enumeráveis ​​de um objeto, incluindo aqueles herdados através da cadeia de protótipo. O principal problema com o para… em loop é que ele itera através das propriedades da cadeia de protótipos. Então, para evitar esse uso, o “Objeto.HASOWNPROPERTY ()”Método dentro do para… em loop. Neste blog, ilustramos o uso do para… em loop em JavaScript.