JavaScript

Como fazer foreach em JavaScript

3 de setembro de 2020

Como fazer foreach em JavaScript

Neste artigo você vai aprender os meios de criar um foreach em JavaScript – de forma nativa, sem utilizar biblioteca ou plugin.

como fazer foreach javascript capa

Fala programador(a), tudo bem? Bora aprender mais sobre iteradores no JavaScript, para trabalhar com arrays.

Iterando com for

A primeira opção que temos é o bom e velho for, com ele você vai poder iterar por cada item do array

Da mesma forma que a estrutura while, só que com apenas uma linha, veja a um exemplo prático:

var arr = [0,1,2,4,5];

for(var i = 0; i < arr.length; i++) {
    console.log(arr[i]);
}

Note que nesta estrutura podemos utilizar a propriedade length do array que da o número de itens que o mesmo contem

Então desta forma podemos iterar por cada um dos itens do array

Iterando com forEach

Outra possibilidade é utilizando o forEach, porém cuidado que alguns navegadores não aceita neste recurso por não estar totalmente padronizado

Veja um exemplo prático:

var arr = [0,1,2,4,5];

arr.forEach(function(value, key) {
    
  console.log(value);
    
});

Desta forma não precisamos de iterador, a própria função anônima do argumento de forEach carrega dois parâmetros muito úteis

A chave do elemento atual e também o valor do mesmo, e podemos utilizar conforme o exemplo

Iterando com map

O map é mais utilizado para transformar o array, passando por cada um dos elementos

Então a sua utilização é um pouco diferente de apenas exibir os elementos, mas sim modificar os valores da lista

Veja um exemplo prático:

var arr = [0,1,2,4,5];

arr.map(function(value) {
    
  console.log(value);

});

Conclusão

Neste artigo vimos como fazer foreach em JavaScript

Utilizamos três estruturas muito vistas em aplicações de JavaScript

O for, forEach e map, estes três métodos podem iterar por cada elemento do array

Lembrando que a principal utilizando do map é para transformar os elementos de um array

Confira também nosso catálogo de cursos gratuitos, com aulas semanais no YouTube

Subscribe
Notify of
guest
0 Comentários
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x