Article image
Alcides Filho
Alcides Filho15/08/2023 19:33
Compartilhe

Uso do forEach em Javascript

    O "forEach" em JavaScript é uma função utilizada para percorrer os elementos de um array ou de uma coleção similar, executando uma função específica para cada elemento. Isso permite percorrer a coleção de forma conveniente e realizar operações em cada elemento, sem a necessidade de escrever loops tradicionais.

    Aqui está um exemplo informal de como usar o "forEach" em JavaScript:

    // Suponha que temos um array de nomes
    var nomes = ["Ana", "João", "Maria", "Carlos"];
    
    // Usando o forEach para percorrer o array e imprimir cada nome
    nomes.forEach(function(nome) {
    console.log("Olá, " + nome + "!");
    });
    

    Saída esperada

    Olá, Ana!
    Olá, João!
    Olá, Maria!
    Olá, Carlos!
    

    Nesse exemplo, definimos um array chamado "nomes" e, em seguida, utilizamos o método "forEach" nele. A função que passamos como argumento será executada para cada elemento do array. A variável "nome" dentro da função irá conter o valor de cada elemento durante cada iteração.

    Na maioria dos casos o forEach pode ser usado no lugar do for ou while normal, vejamos como converter um código com for para forEach:

    loop for

    for (var i = 0; i <= 10; i++) {
    if (i % 2 === 0) {
      console.log(i);
    }
    }
    

    Saída esperada

    [1, 4, 9, 16, 25]
    

    forEach

    var numeros = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
    
    numeros.forEach(function(numero) {
    if (numero % 2 === 0) {
      console.log(numero);
    }
    });
    

    Saída Esperada:

    [10, 20, 30]
    

    É importante ressaltar que o "forEach" é uma maneira elegante e legível de percorrer os elementos, mas não é adequado se você precisar interromper o loop antes de percorrer todos os elementos. Nesse caso, você pode considerar o uso de um loop "for" ou "while".

    Sempre bom lembrar que quaisquer dúvidas podem ser esclarecidas na documentação oficial: AQUI

    Espero que esta explicação tenha ajudado a entender como o "forEach" funciona em JavaScript! Se tiver mais dúvidas, fique à vontade para perguntar.

    Compartilhe
    Comentários (0)