Diferença entre foreach e loop de mapa em javascript
Esta postagem descreve os métodos map () e foeach () em detalhes para diferenciar esses métodos no JavaScript.
Como o método foreach () funciona em javascript?
O para cada() O método é empregado para realizar alguma operação nos elementos da matriz. Ele permite que você execute um método de retorno de chamada. O para cada() O tipo de retorno do método é indefinido, pois depende totalmente da funcionalidade da função de volta.
É uma maneira mais nova de escrever menos código que itera sobre uma matriz. A sintaxe do método foreach () é fornecida abaixo:
Sintaxe
variedade.foreach (função (elemento, índice, matriz), thisval)A descrição da sintaxe é a seguinte:
- função (elemento, índice, matriz): é uma função necessária para iterar os elementos da matriz.
- elemento: Especifica o elemento de matriz existente.
- índice: Representa o índice do elemento existente.
- variedade: Especifica o nome da matriz para a qual o elemento pertence a.
- thisval: representa esse valor da função.
Exemplo
O código de exemplo a seguir é adaptado para discutir o uso do para cada() Método em JavaScript.
Código
Um exemplo de uso do foreach ()
A descrição do código é a seguinte:
- Uma tag é criada que será usada para exibir a matriz.
- Depois disso, uma matriz a é inicializado com seis elementos de 10 a 15.
- Além disso, o para cada() O método é utilizado para iterar sobre os elementos da matriz .
- A propriedade InnerText recuperará todo o conteúdo do elemento 'div'.
- A propriedade ApndendChild é usada para anexar os elementos filhos ao elemento com ID “id1”.
Saída
Observa -se que os elementos da matriz são impressos na janela do navegador.
Como o método map () funciona em javascript?
O método map () retorna elementos transformados em uma nova matriz aplicando a função de retorno de chamada a cada elemento da matriz. O método é imutável e pode alterar/alternar os dados. É mais rápido em comparação com o método foreach (). Ele fornece recursos em cadeia; Os usuários podem associar métodos classy (), filter () e redução () após aplicar o mapa () em matrizes. Além disso, ele retorna do mesmo tamanho que a matriz existente.
A sintaxe é dada abaixo.
Sintaxe
variedade.mapa (função (elemento, índice, matriz), thisVal)A descrição dos parâmetros é a seguinte:
- função (elemento, índice, matriz): denota a função a ser aplicada em cada elemento da matriz.
- elemento: especifique o elemento atual da matriz
- índice: representar o índice do elemento atual
- variedade: Especifique o nome da matriz para o método de retorno de chamada
- thisval: mostra o valor atual da função.
Código
console.log ('Um exemplo de uso do mapa ()')const num = [10, 9, 8, 7, 6]
console.log (num.mapa (ele =>
ele * ele))
A descrição do código está listada aqui.
- Em primeiro lugar, uma mensagem é exibida usando o "console.registro()" método.
- Depois disso, um variedade é empregado com o nome num em que cinco elementos são definidos.
- finalmente, o mapa() O método é usado para retornar uma nova matriz onde todos os seus elementos são os múltiplos.
Saída
O resultado do código mostra que o mapa() Método retorna os valores quadrados 10, 9, 8, 7, e 6 para 100, 81, 64, 49, e 36.
Conclusão
Os métodos map () e foreach () usam a função para executar a iteração sobre os elementos da matriz. Resultantemente, os métodos map () criam uma matriz, enquanto o tipo de retorno do foreach (o método 0 é indefinido. Neste post, uma explicação detalhada do método map () e foreach () é descrita para diferenciar esses dois métodos de iteração. Ambos os métodos são usados para iterar sobre os elementos da matriz, no entanto, sua maneira de trabalhar é diferente que pode ser entendida do conteúdo escrito acima.