Guia de Funções em JavaScript: Explorando o Poder da Programação Modular

As funções em JavaScript são blocos de código reutilizáveis que permitem agrupar instruções e executá-las quando necessário. Elas desempenham um papel crucial na criação de código modular, organizado e eficiente. Neste artigo, vamos explorar algumas das principais funções em JavaScript e fornecer exemplos claros para ajudar a comunidade a entender como utilizá-las.

1. forEach em JavaScript

A função forEach é usada para iterar sobre elementos de um array e executar uma ação em cada um deles. É uma alternativa mais limpa ao tradicional loop for.

const pairNumbers = [2, 4, 6, 8, 10];
numbers.forEach((number) => {
console.log(number * 2);
});

2. map em JavaScript

A função map é semelhante ao forEach, mas retorna um novo array com os resultados das operações em vez de apenas executar a ação.

const pairNumbers = [2, 4, 6, 8, 10];
const doubledNumbers = numbers.map((number) => {
return number * 2;
});

3. filter em JavaScript

A função filter é usada para criar um novo array contendo apenas os elementos que atendem a um determinado critério.

const pairNumbers = [2, 4, 6, 8, 10];
const evenNumbers = numbers.filter((number) => {
return number % 2 === 0;
});

4. reduce em JavaScript

A função reduce é usada para reduzir os elementos de um array a um único valor, aplicando uma função acumuladora.

const pairNumbers = [2, 4, 6, 8, 10];
const sum = numbers.reduce((accumulator, currentNumber) => {
return accumulator + currentNumber;
}, 0);

5. fetch em JavaScript

A função fetch é utilizada para fazer requisições HTTP, como buscar dados de um servidor, retornando uma Promessa contendo a resposta.

fetch('https://api.example.com/data')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error('Ocorreu o seguinte erro:', error));

6. setTimeout em JavaScript

A função setTimeout é usada para agendar a execução de uma função após um determinado intervalo de tempo.

setTimeout(() => {
console.log('Por favor aguarde, estamos processando suas informações.');
}, 5000);

7. split em JavaScript

A função split é utilizada para dividir uma string em um array de substrings com base em um separador especificado.

const sentence = 'Olá, como você está?';
const words = sentence.split(' ');
console.log(words); 

// Retorno esperado
// ['Olá,', 'como', 'você', 'está?']

8. For em JavaScript

O loop for é uma das estruturas de controle mais básicas em JavaScript e é usado para iterar um bloco de código várias vezes.

for (let i = 0; i < 5; i++) {
console.log(`Iteração ${i}`);
}

9. Formatando Datas em JavaScript

A formatação de datas é comum em muitas aplicações. A biblioteca Date nativa do JavaScript pode ser usada, mas bibliotecas como o date-fns facilitam o processo.

const data = new Date();
const dataFormatada = data.toLocaleDateString('pt-BR', {
weekday: 'long',
year: 'numeric',
month: 'long',
day: 'numeric'
});
console.log(dataFormatada);

10. Array em JavaScript

Arrays são estruturas de dados poderosas em JavaScript que armazenam múltiplos valores em uma única variável.

const frutas = ['maçã', 'banana', 'laranja'];
console.log(frutas[1]); 

// Resultado esperado
// 'banana'

// Adicione 'uva' ao final do array
frutas.push('uva'); 

11. Switch Case em JavaScript

A instrução switch é usada para selecionar um dos muitos blocos de código a serem executados com base em uma expressão.

const dia = 'Segunda';
switch (dia) {
case 'Segunda':
  console.log('Começando a semana!');
  break;
case 'Sexta':
  console.log('Finalmente sexta-feira!');
  break;
default:
  console.log('Dia comum.');
}

12. Replace em JavaScript

A função replace é usada para substituir partes de uma string por outra.

const texto = 'JavaScript é incrível!';
const novoTexto = texto.replace('incrível', 'fantástico');
console.log(novoTexto); 

// Retorno esperado
// 'JavaScript é fantástico!'

13. Utilizando SetInterval em JavaScript

Além do setTimeout, também temos o setInterval, que executa uma função repetidamente em intervalos definidos.

setTimeout(() => {
console.log('Esta mensagem aparecerá após 2 segundos.');
}, 2000);

setInterval(() => {
console.log('Esta mensagem aparecerá a cada 3 segundos.');
}, 3000);

14. Funções Anônimas e Arrow Functions

Além das funções tradicionais, JavaScript também suporta funções anônimas e arrow functions (funções de seta) para sintaxe mais concisa.

const adicionar = function(x, y) {
return x + y;
};

const subtrair = (x, y) => x - y;

Conclusão

As funções em JavaScript são ferramentas essenciais para escrever código modular, legível e reutilizável. Elas nos permitem realizar operações complexas de maneira eficiente e organizada. Neste artigo, abordamos apenas algumas das principais funções, mas o universo das funções em JavaScript é vasto e cheio de possibilidades. Ao dominar essas funções, você estará bem equipado para enfrentar os desafios da programação em JavaScript e criar aplicações mais robustas e elegantes.