Este artigo demonstrará como o forEach é diferente do loop for no TypeScript.
Como “forEach” é diferente do loop “for” no TypeScript?
No TypeScript, “ para cada ' e ' para ” loops são duas técnicas diferentes para iterar sobre arrays ou outros objetos iteráveis. A principal diferença entre ambos é que um loop “for” é um loop de uso geral que permite executar qualquer operação em elementos de array, enquanto “forEach” é um método projetado especificamente para iterar em arrays e executar uma função para cada um. elemento. Algumas diferenças comuns serão discutidas na tabela fornecida:
para cada | para loop |
---|---|
A sintaxe de forEach é mais concisa e legível. | Os loops for têm uma sintaxe mais complexa do que forEach, o que pode torná-los mais difíceis de ler e entender. |
Geralmente é mais eficiente do que usar um loop for, especialmente para arrays maiores. | Melhor desempenho geral, mas menos do que forEach. |
forEach é projetado explicitamente para executar uma função em cada elemento. | Ele pode realizar qualquer operação em cada elemento de um array. |
É menos flexível do que loops for. | loops for são mais flexíveis que forEach. |
Antes de prosseguir para a implementação prática, lembre-se de que, para executar um arquivo TypeScript, ele deve ser transpilado para um arquivo JavaScript e, em seguida, executar o código JavaScript no terminal usando os comandos fornecidos:
tsc nome do arquivo.ts
node filename.js
Como “forEach” funciona no TypeScript?
O ' para cada ” é um método pré-criado no TypeScript que nos permite fazer um loop em uma matriz e executar uma função em cada elemento da matriz.
Sintaxe
A seguinte sintaxe é utilizada para o loop forEach:
para cada ( callbackFunc )
Exemplo
Crie uma matriz de números ímpares:
Itere a matriz e imprima os elementos da matriz no console usando o método forEach:
oddNumbers.forEach ( ( números ) = > {
console.log ( números ) ;
} ) ;
Saída
]
Como funciona o loop “for” no TypeScript?
A ' para ” loop é um loop padrão. Ele permite iterar por meio de uma coleção de itens e executar algumas ações/operações em cada item.
Sintaxe
A sintaxe fornecida é utilizada para o loop “for”:
// corpo de loop
}
Exemplo
Iterar o array criado acima usando for loop e exibir os elementos do array no console:
console.log ( números ímpares [ eu ] ) ;
}
Saída
Compilamos todas as instruções necessárias relevantes para a diferença entre forEach e loop for no TypeScript.
Conclusão
O ' para cada ' e ' para ” loops são duas técnicas diferentes para iterar sobre arrays ou outros objetos iteráveis. Embora ambas as abordagens percorram os elementos da matriz, elas diferem em sintaxe e funcionalidade. A principal diferença entre ambos é que um loop “for” é um loop de propósito geral que permite realizar qualquer operação em elementos de array, enquanto “forEach” é um método que é projetado explicitamente para iterar em arrays e executar uma função para cada um. elemento. Este artigo demonstrou como o forEach é diferente do loop for no TypeScript.