Neste tutorial, você aprenderá sobre o JavaScript para … em loop com a ajuda de exemplos.
Nos tutoriais anteriores, cobrimos:
- JavaScript while e do … while loop
- JavaScript para loop
Existem também outros tipos de loops. O for… inloop em JavaScript permite que você itere sobre todas as chaves de propriedade de um objeto.
JavaScript para … em loop
A sintaxe do for… inloop é:
for (key in object) ( // body of for… in )
Em cada iteração do loop, uma chave é atribuída à variável chave. O loop continua para todas as propriedades do objeto.
Nota : Depois de obter as chaves, você pode encontrar facilmente seu valor.
Exemplo 1: iterar por meio de um objeto
const student = ( name: 'Monica', class: 7, age: 12 ) // using for… in for ( let key in student ) ( // display the properties console.log(`$(key) => $(student(key))`); )
Resultado
nome => aula da Monica => 7 anos => 12
No programa acima, o for… inloop é usado para iterar sobre o studentobjeto e imprimir todas as suas propriedades.
- A chave do objeto é atribuída à chave variável.
student(key)é usado para acessar o valor da chave.
Exemplo 2: Atualizar valores de propriedades
const salaries= ( Jack : 24000, Paul : 34000, Monica : 55000 ) // using for… in for ( let i in salaries) ( // add a currency symbol let salary = "$" + salaries(i); // display the values console.log(`$(i) : $(salary)`); )
Resultado
Jack: $ 24.000, Paul: $ 34.000, Monica: $ 55.000
No exemplo acima, o for… inloop é usado para iterar sobre as propriedades do salariesobjeto. Em seguida, a string $é adicionada a cada valor do objeto.
para … com Strings
Você também pode usar o for… inloop para iterar valores de string. Por exemplo,
const string = 'code'; // using for… in loop for (let i in string) ( console.log(string(i)); )
Resultado
código
para … com Arrays
Você também pode usar for… incom matrizes. Por exemplo,
// define array const arr = ( 'hello', 1, 'JavaScript' ); // using for… in loop for (let x in arr) ( console.log(arr(x)); )
Resultado
olá 1 JavaScript
Você aprenderá mais sobre os arrays em tutoriais posteriores.
Nota : Você não deve usar for… inpara iterar em uma matriz onde a ordem do índice é importante.
Uma das melhores maneiras de iterar em um array é usando o for… ofloop.
Para saber mais sobre o for… ofloop, visite JavaScript para … do loop.
