Dominando o Poder das Funções em JavaScript: Um Guia Detalhado sobre o uso do forEach()

Funções em JavaScript tem um papel fundamental na criação de aplicações web dinâmicas e interativas. Uma das funções mais úteis e versáteis é o forEach(), que permite percorrer por elementos de um array e executar ações especificas em cada um deles. Vamos neste artigo, explorar o funcionamento do forEach(), fornecendo exemplos práticos e explicando como tirar o máximo proveito dessa função que é essencial para o desenvolvimento javascript.

O que é forEach() em JavaScript:

O método forEach() é uma maneira eficaz de iterar sobre os elementos de um array em javascript. Ele executa uma função de callback fornecida uma vez para cada item do array na ordem em que os elementos aparecem.

Fornecimento da Função:

A assinatura básica dele é a seguinte:

array.forEach(callback(currentValue [, index [, array]]) {
// lógica a ser executada em cada elemento
});

Onde:

• callback é a função que será chamada para cada elemento do array.
• currentValue é o valor atual do elemento durante a iteração.
• index (opcional) é o índice atual do elemento.
• array (opcional) é o array que está sendo percorrido.

Vamos aos exemplos práticos:

1. Iterando um array e imprimindo seus valores:

const numbers = [1, 2, 3, 4, 5];
numbers.forEach(function(number) {
console.log(number);
});

2. Dobrando os valores de um array:

const values = [2, 4, 6, 8];
const doubledValues = [];
values.forEach(function(value) {
doubledValues.push(value * 2);
});
console.log(doubledValues);

3. Alterando elementos de um array original:

const names = ['Alice', 'Bob', 'Charlie'];
names.forEach(function(name, index, array) {
array[index] = name.toUpperCase();
});
console.log(names);

4. Transformando valores de um array:

const celsiusTemperatures = [25, 30, 15, 10];
const fahrenheitTemperatures = [];

celsiusTemperatures.forEach(function(celsius) {
const fahrenheit = (celsius * 9/5) + 32;
fahrenheitTemperatures.push(fahrenheit);
});

console.log(fahrenheitTemperatures);

5. Filtrando valores do array:

const numbers = [2, 5, 8, 11, 14, 17];
const evenNumbers = [];

numbers.forEach(function(number) {
if (number % 2 === 0) {
  evenNumbers.push(number);
}
});

console.log(evenNumbers);

6. Formatando saída de dados:

const fruits = ['Maçã', 'Banana', 'Morango', 'Abacaxi'];

fruits.forEach(function(fruit, index) {
console.log(`${index + 1}. ${fruit}`);
});

Em suma o método forEach() é extremamente poderoso para percorrer arrays em javascript, permitindo assim a execução de uma lógica personalizada para cada elemento. Ao entender seu funcionamento e como ele pode ser aplicado em situações reais, como as demonstradas por exemplo, você pode ser capaz de aprimorar suas habilidades de programação e criar aplicações cada vez mais dinamicas e interativas, não só isso, você pode acabar também podendo melhorar seus backends em node.Js e deixando eles mais poderosos e com novas funcionalidades. Você pode consultar a documentação oficial do forEach() aqui e assim obter mais informações ou até informações detalhadas, não deixe também de me perguntar se necessário nos comentários deste artigo, todo feedback é bem vindo. Lembre-se de usar a DIO para explorar todo seu potencial em JavaScritp.