O laço FOR IN para Arrays em JavaScript

Neste tutorial de nosso Curso de JavaScript, vamos aprender um laço novo e especial, perfeitos para serem usados em arrays, é o laço for ... in.

Estudar Laços e Arrays pela Apostila em PDF

O laço FOR ... IN para Arrays

O assunto de arrays é tão, mas tão importante, que existe um laço especial que podemos usar nele, o for ... in (também pode ser usado em outros objetos que possam ser enumerados).

Note uma coisa nos exemplos do tutorial anterior, sobre o laço for em arrays:

a variável count percorreu todo o índice dos vetores, da posição 0 até a posição (vetor.length-1).

Ou seja, todos os vetor.length elementos.

O laço for in serve pra isso: ao usar, você vai fazer com que o contador do laço (count) assuma automaticamente todos os índices.

A sintaxe é a seguinte:

for( variavel in Array){

[codigo]

}

A variável variavel vai receber o valor de cada elemento do Array, um por um, cada um por iteração.

Exemplo de uso de Arrays com laço FOR IN

Rode o seguinte código

HTML:

<!DOCTYPE html>
<meta charset="UTF-8">
<html>
 <head>
    <title>Apostila JavaScript Progressivo</title>
    <script type="text/javascript" src="script.js"></script>
 </head>
 <body onload="main()">
 </body>
</html>

script.js:

function main()
{
   var vetor = [1, 2, 3, 4, 5];

   for(var i in vetor)
 document.write(vetor[i] + "<br />");
}

O que ele faz é simplesmente definir e inicializar um vetor de 5 elementos: 1, 2, 3, 4 e 5

Depois, fazemos: var i in vetor

Isso quer dizer o seguinte: a variável i vai assumir todos os índices do vetor vetor.

Ou seja, ela vai iniciar como 0, depois como 1, depois recebe 2, ..., até i=4 , pois nosso vetor tem 5 posições.

Então printamos na tela o elemento contido naquele índice do vetor.

Veja bem: a variável assume todos os valores do índice, automaticamente, um por um.

No exemplo, ela foi do índice 0 até o 4.

Se seu vetor tiver 1 milhão de elementos, o laço for in vai automaticamente do 0 até o 999999.

Uma mão na roda, não é verdade?

Exercício usando Array, laço FOR e FOR ... IN

Sua tia, professora, encomendou um trabalho para você.

Ela quer que você crie um script que vai pedir o número de alunos da turma (peça via prompt mesmo).

Em seguida, vai perguntar qual foi a nota de cada um deles.

No final, seu script deve fornecer a média geral da turma.

Use array para armazenar as notas, laço FOR para preencher cada elemento do array e um laço FOR IN para calcular a soma das notas (cálculo necessário para calcular a média).

Tente bastante esse exercício. Vamos resolver ele a seguir:
Exercício de arrays e laços FOR e FOR IN

JavaScript Progressivo