As 10 Funções JavaScript que Todo Dev Precisa Conhecer

O JavaScript é uma linguagem poderosa, e dominar suas funções essenciais pode fazer toda a diferença no seu código. Hoje, vamos explorar 10 funções fundamentais que todo desenvolvedor JavaScript precisa conhecer. Com exemplos práticos, você vai entender como essas funções funcionam e como utilizá-las no dia a dia. Vamos nessa? 🚀

1. map()

O map() é uma das funções mais utilizadas para manipulação de arrays. Ele percorre cada elemento do array e retorna um novo array com as transformações aplicadas.

Exemplo:

const numeros = [1, 2, 3, 4, 5];
const dobrados = numeros.map(num => num * 2);
console.log(dobrados); // [2, 4, 6, 8, 10]

2. filter()

O filter() cria um novo array apenas com os elementos que atendem a uma determinada condição.

Exemplo:

const numeros = [1, 2, 3, 4, 5, 6];
const pares = numeros.filter(num => num % 2 === 0);
console.log(pares); // [2, 4, 6]

3. reduce()

O reduce() é poderoso para reduzir um array a um único valor.

Exemplo:

const numeros = [1, 2, 3, 4, 5];
const soma = numeros.reduce((acumulador, num) => acumulador + num, 0);
console.log(soma); // 15

4. forEach()

O forEach() é usado para iterar sobre arrays, mas diferente do map(), ele não retorna um novo array.

Exemplo:

const nomes = ["Ana", "Bruno", "Carlos"];
nomes.forEach(nome => console.log(nome));

5. find()

O find() retorna o primeiro elemento do array que satisfaz uma condição.

Exemplo:

const produtos = [
  { nome: "Notebook", preco: 3000 },
  { nome: "Mouse", preco: 150 },
  { nome: "Teclado", preco: 200 }
];
const itemCaro = produtos.find(produto => produto.preco > 1000);
console.log(itemCaro); // { nome: "Notebook", preco: 3000 }

6. some()

O some() verifica se pelo menos um elemento do array satisfaz uma condição.

Exemplo:

const numeros = [1, 3, 5, 7, 9];
const temPar = numeros.some(num => num % 2 === 0);
console.log(temPar); // false

7. every()

O every() verifica se todos os elementos do array satisfazem uma condição.

Exemplo:

const idades = [18, 22, 30, 25];
const todosMaiores = idades.every(idade => idade >= 18);
console.log(todosMaiores); // true

8. includes()

O includes() verifica se um array contém um determinado elemento.

Exemplo:

const frutas = ["Maçã", "Banana", "Laranja"];
console.log(frutas.includes("Banana")); // true
console.log(frutas.includes("Uva")); // false

9. sort()

O sort() ordena os elementos de um array, mas tome cuidado pois ele altera o array original.

Exemplo:

const numeros = [10, 5, 2, 8, 1];
numeros.sort((a, b) => a - b);
console.log(numeros); // [1, 2, 5, 8, 10]

10. setTimeout()

O setTimeout() executa uma função após um determinado tempo.

Exemplo:

console.log("Iniciando...");
setTimeout(() => {
  console.log("Executado após 2 segundos!");
}, 2000);

Conclusão

Dominar essas funções pode transformar a maneira como você escreve código em JavaScript. Agora que você conhece essas funções essenciais, que tal colocá-las em prática no seu próximo projeto? Se tiver dúvidas ou quiser compartilhar sua experiência, deixe um comentário abaixo! 😉