- Função map do Javascript
- Função filter do Javascript
- Função some do Javascript
- Função find do Javascript
- Função reduce do Javascript
As funções map, filter, some, find e reduce são fundamentais para o trabalho com arrays em JavaScript. Essas funções permitem que você transforme, filtre e encontre elementos em um array de forma muito eficiente. Neste artigo, vamos explorar como cada uma dessas funções funciona e como elas podem ser usadas em seus projetos.
Função map do Javascript
A função map do JavaScript é uma função de alta ordem que permite aplicar uma determinada operação em cada elemento de um array. Ela retorna um novo array com os resultados dessas operações.
Exemplo:
const numeros = [1, 2, 3, 4, 5];
const dobro = numeros.map(function(numero) {
return numero * 2;
});
console.log(dobro); // [2, 4, 6, 8, 10]
Neste exemplo, usamos a função map para dobrar cada elemento do array de números. O resultado é um novo array com os valores dobrados.
Outro exemplo:
const carros = [
{ modelo: "Fusca", ano: 1970 },
{ modelo: "Gol", ano: 1990 },
{ modelo: "Palio", ano: 2000 }
];
const modelos = carros.map(function(carro) {
return carro.modelo;
});
console.log(modelos) // ["Fusca", "Gol", "Palio"]
Neste exemplo, estamos usando a função map para extrair o modelo de cada carro em um array de objetos. O resultado é um novo array com os modelos de cada carro.
É possível também utilizar arrow function no lugar de uma callback function, ficando assim:
const numeros = [1, 2, 3, 4, 5];
const dobro = numeros.map(numero => numero * 2);
console.log(dobro); // [2, 4, 6, 8, 10]
Em resumo, a função map é uma ferramenta poderosa para transformar arrays em JavaScript, permitindo aplicar operações em cada elemento de forma simples e eficiente.
Função filter do Javascript
A função filter do JavaScript é uma função de alta ordem que permite filtrar elementos de um array baseado em uma determinada condição. Ela retorna um novo array com os elementos que atendem à condição especificada.
Exemplo:
const numeros = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const pares = numeros.filter(function(numero) {
return numero % 2 === 0;
});
console.log(pares); // [2, 4, 6, 8, 10]
Neste exemplo, usamos a função filter para selecionar somente os números pares do array de números. O resultado é um novo array com os números pares.
Outro exemplo:
const carros = [
{ modelo: "Fusca", ano: 1970 },
{ modelo: "Gol", ano: 1990 },
{ modelo: "Palio", ano: 2000 },
{ modelo: "Civic", ano: 2010 },
{ modelo: "Golf", ano: 2015 }
];
const carrosRecentes = carros.filter(function(carro) {
return carro.ano >= 2000;
});
console.log(carrosRecentes);
// [{ modelo: "Palio", ano: 2000 },
// { modelo: "Civic", ano: 2010 },
// { modelo: "Golf", ano: 2015 }]
Neste exemplo, estamos usando a função filter para selecionar somente os carros com ano de fabricação maior ou igual a 2000. O resultado é um novo array com os carros recentes.
É possível também utilizar arrow function no lugar de uma callback function, ficando assim:
const numeros = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const pares = numeros.filter(numero => numero % 2 === 0);
console.log(pares); // [2, 4, 6, 8, 10]
Em resumo, a função filter do JavaScript é uma ferramenta poderosa para selecionar elementos específicos de um array, permitindo filtrar elementos com base em uma determinada condição de forma eficiente e simples. Ele retorna um novo array contendo apenas os elementos que atendem a esta condição.
Função some do Javascript
A função some do JavaScript é uma função de alta ordem que verifica se pelo menos um elemento de um array atende a uma determinada condição e retorna true ou false.
Exemplo:
const numeros = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const temNumMaiorQue5 = numeros.some(function(numero) {
return numero > 5;
});
console.log(temNumMaiorQue5); // true
Neste exemplo, usamos a função some para verificar se existe algum número no array que é maior que 5. Como existe sim, o resultado é true.
Outro exemplo:
const carros = [
{ modelo: "Fusca", ano: 1970 },
{ modelo: "Gol", ano: 1990 },
{ modelo: "Palio", ano: 2000 },
{ modelo: "Civic", ano: 2010 },
{ modelo: "Golf", ano: 2015 }
];
const temCarroAno2000 = carros.some(function(carro) {
return carro.ano === 2000;
});
console.log(temCarroAno2000); // true
Neste exemplo, estamos usando a função some para verificar se existe algum carro no array que foi fabricado em 2000. Como existe sim, o resultado é true.
É possível também utilizar arrow function no lugar de uma callback function, ficando assim:
const numeros = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const temNumMaiorQue5 = numeros.some(numero => numero > 5);
console.log(temNumMaiorQue5); // true
Em resumo, a função some é uma ferramenta útil para verificar se pelo menos um elemento de um array atende a uma determinada condição em JavaScript, permitindo verificar se existe algum elemento específico no array de forma simples e eficiente.
Função find do Javascript
A função find do JavaScript é uma função de alta ordem que permite encontrar o primeiro elemento de um array que atende a uma determinada condição. Ela retorna o elemento encontrado ou undefined caso nenhum elemento atenda a condição.
Exemplo:
const numeros = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const primeiroNumMaiorQue5 = numeros.find(function(numero) {
return numero > 5;
});
console.log(primeiroNumMaiorQue5); // 6
Neste exemplo, usamos a função find para encontrar o primeiro número no array que é maior que 5. O resultado é 6.
Outro exemplo:
const carros = [
{ modelo: "Fusca", ano: 1970 },
{ modelo: "Gol", ano: 1990 },
{ modelo: "Palio", ano: 2000 },
{ modelo: "Civic", ano: 2010 },
{ modelo: "Golf", ano: 2015 }
];
const primeiroCarroAno2000 = carros.find(function(carro) {
return carro.ano === 2000;
});
console.log(primeiroCarroAno2000); // { modelo: "Palio", ano: 2000 }
Neste exemplo, estamos usando a função find para encontrar o primeiro carro no array que foi fabricado em 2000. O resultado é o objeto com o modelo “Palio” e ano 2000.
É possível também utilizar arrow function no lugar de uma callback function, ficando assim:
const numeros = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const primeiroNumMaiorQue5 = numeros.find(numero => numero > 5);
console.log(primeiroNumMaiorQue5); // 6
Em resumo, a função find é uma ferramenta útil para encontrar o primeiro elemento de um array que atende a uma determinada condição em JavaScript, permitindo encontrar elementos específicos no array de forma simples e eficiente. Caso não encontre o elemento, retorna undefined.
Função reduce do Javascript
A função reduce do JavaScript é uma função de alta ordem que permite processar cada elemento de um array e acumular o resultado em uma única variável. Ela é muito útil para realizar cálculos complexos com base em um conjunto de dados.
Exemplo:
const numeros = [1, 2, 3, 4, 5];
const soma = numeros.reduce(function(acumulador, numero) {
return acumulador + numero;
}, 0);
console.log(soma); // 15
Neste exemplo, usamos a função reduce para calcular a soma dos números no array. O primeiro argumento da função reduce é uma função de callback, que recebe dois argumentos: o acumulador (que é inicializado com o valor 0) e o elemento atual (que é o número do array). O segundo argumento é o valor inicial do acumulador. O resultado é a soma dos números no array, 15.
Outro exemplo:
const carros = [
{ modelo: "Fusca", ano: 1970, preco: 5000 },
{ modelo: "Gol", ano: 1990, preco: 10000 },
{ modelo: "Palio", ano: 2000, preco: 15000 },
{ modelo: "Civic", ano: 2010, preco: 20000 },
{ modelo: "Golf", ano: 2015, preco: 25000 }
];
const precoTotal = carros.reduce(function(acumulador, carro) {
return acumulador + carro.preco;
}, 0);
console.log(precoTotal); // 90000
Neste exemplo, estamos usando a função reduce para calcular o preço total dos carros no array. O resultado é 90000.
É possível também utilizar arrow function no lugar de uma callback function, ficando assim:
const numeros = [1, 2, 3, 4, 5];
const soma = numeros.reduce((acumulador, numero) => acumulador + numero, 0);
console.log(soma); // 15
Em resumo, a função reduce é uma ferramenta poderosa para processar cada elemento de um array e acumular o resultado em uma única variável em JavaScript. Ele é muito útil para realizar cálculos complexos com base em um conjunto de dados.
Este artigo te ajuda a entender como usar as funções map, filter, some, find e reduce do JavaScript. Mostra exemplos práticos de como você pode usar essas funções para transformar e filtrar arrays, verificar se existe um elemento específico, encontrar elementos e fazer cálculos complexos com base em um conjunto de dados.
São ferramentas importantes para qualquer pessoa que queira trabalhar com dados de forma eficiente e clara no JavaScript.
