JavaScript foreach

Enquanto trabalha com matrizes em JavaScript, pode ser necessário iterar a matriz para obter saída enquanto executa algumas operações. Para fazer isso, o JavaScript fornece alguns métodos, incluindo o “para cada()”Método que executará a função especificada uma vez para cada elemento dentro de uma matriz.

Este artigo ilustrará a funcionalidade do método JavaScript forEach ().

O que é o método JavaScript forEach ()?

O "para cada()”O método itera através dos elementos de uma matriz enquanto chama uma função. Utiliza uma função de maneira diferente do tradicional “para loop”. O valor de retorno deste método é sempre indefinido. Dependendo da funcionalidade da função de argumento, esse método pode ou não modificar a matriz passada.

Sintaxe
Siga a sintaxe mencionada dada para usar o FOREach Loop em JavaScript:

foreach (retorno de chamada (elemento, index, arr));

Aqui o "ligar de volta()”É a função que será invocada para cada elemento da matriz armazenada neste parâmetro,“elemento”É o valor de uma matriz que será processada,“índice”É o índice do elemento que será processado e“arr”É a matriz que é passada para o método. O "arr" e a "índice“São os argumentos opcionais, enquanto“elemento" é mandatório.

Exemplo 1
Neste exemplo, primeiro, criaremos uma variedade de números ímpares:

var Oddnumbers = [1, 3, 5, 9, 11];

Agora, imprimiremos os elementos da matriz no console:

números ímpares.foreach (função (número)
console.log (número);
);

Saída

Agora, vamos ver como usar o método foreach () em javascript com um arquivo html.

Exemplo 2
Aqui, no arquivo html, criaremos um botão que invocará o “encontra -se ()”Método quando seu evento OnClick é acionado:

Clique para ver o quadrado de números ímpares:

Em seguida, defina uma função chamada “encontra -se ()”Isso contém uma variedade de números ímpares e uma matriz vazia. Em sua definição de função, chame o método foreach () que encaixará todos os elementos da matriz e depois empurre -o no vazio “quadrado" variedade:

função findsquare ()
var Oddnumbers = [1, 3, 5, 9, 11];
var square = [];
números ímpares.foreach (função (número)
quadrado.push (número * número);
);

Por fim, imprima os novos valores usando o “documento.escrever()”Método:

documento.Escreva ("quadrado de números ímpares '1,3,5,7,9,11' é:");
documento.Escreva (quadrado);

Quando o botão é clicado, todos os valores da matriz quadrada são exibidos:

Cobrimos todas as informações essenciais relacionadas ao método JavaScript forEach ().

Conclusão

O "para cada()”O método chama uma função enquanto itera os itens de uma matriz. Difere um pouco do tradicional “para loop”. Este método é utilizado para iterar através de conjuntos, mapas e matrizes. Neste artigo, ilustramos o método JavaScript ForEach () com exemplos detalhados, incluindo o arquivo JavaScript baseado em console e vinculado com HTML.