[Javascript] Percorrer dados de um array com laço for

Olá,

Por vezes necessitamos percorrer todos os dados de um array para checar quais elementos existem, lá ou simplesmente mostrar os dados daquele array.

Para fazermos isso é bem simples na verdade. Usamos o laço "for", segue o exemplo:

Código:

var oArray = ['Brasil','Portugal','Estados Unidos','Argentina','Africa','Jamaica'];
for( i=0; i < oArray.length; i++ ){
    console.log(oArray[i]);
}

No oArray (objeto array) salvamos nossos dados, que no caso coloquei alguns países.

No laço for vai nossa lógica

for (para) variável i que recebe o valor 0, enquanto a variável i for menor que o número de itens do nosso array, incremente i em 1

Meio difícil de entender na primeira, mas é simples, veja:

i é só o nome da variável, ele pode receber qualquer nome, é só um identificador...

i recebe o valor 0 para que nossa contagem seja iniciada em 0

i < oArray.length; aqui tudo que fazemos é falar que enquanto a variável i tiver o valor menor que o número de itens no array ele deve fazer algo que vem logo em seguida (i++)

i++ é só uma função para incrementar algum valor de 1 em 1, ou seja ele vai ficar ali incrementando 1 + 1 + 1 +1 +1 +1 até chegar no valor máximo que definimos na lógica anterior, como são 6 países ele vai parar em 6, se não quiséssemos que esse valor fosse calculado automaticamente, poderiamos fazer manualmente também

Código:

for( i=0; i < 6; i++ )

Isso aqui

Código:

oArray.length

Só retorna para nós o número 6 que é o número de cidades, ele é usado para deixar o código mais fácil de configurar depois, por exemplo imagine que você quer inserir mais dados no Array? Quando terminar de inserir vai ficar ali contando para mudar o valor? Não né, o computador é inteligente e faz isso para nós

Logo em seguida vem nossa lógica

Código:

console.log(oArray[i]);

Tudo que fazemos é mostrar no console os dados que retornamos da variável i

Resumindo a lógica:
"Enquanto a variável i (que vale 0, no momento..) for menor que 6 (que é o número de itens do array) incrementa a variável i (de 1 em 1) para mim, e então mostra o resultado para mim no console"

Bem simples né? Façam os testes no console! Isso é extremamente útil

Abraços, e até mais...

Já tive para comentar mas esqueci-me completamente pois tive uns assuntos pendentes por resolver.
Já li isto 3 vezes e continuo a dizer para mim mesmo que isto tudo ainda é um pouco confuso para mim, no entanto vou continuar a ler os teus tópicos para ficar a par da linguagem JavaScript

Grande post o teu, já aí tens o meu GOSTO

Olá,

Na verdade é algo bem simples amigo... Ambas as partes inclusive...

No que o senhor sentiu dificuldades? Arrays ou o laço for?

Abraços...

O único cuidado que você precisa ter é com o for, pois se criar um loop infinito, travará seu navegador.