Neste artigo você vai aprender os meios de criar um foreach em JavaScript – de forma nativa, sem utilizar biblioteca ou plugin.
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