Métodos de Array Parte 4
Parte da seção Fundamentos do Journey de JavaScript da Coddy — lição 69 de 77.
Aqui estão ainda mais métodos de array úteis:
1. map(callback): Cria um novo array preenchido com os resultados da chamada de uma função fornecida em cada elemento do array original.
let numbers = [1, 2, 3];
let doubled = numbers.map(num => num * 2);
console.log(doubled); // Saída: [2, 4, 6]2. filter(callback): Cria um novo array com todos os elementos que passam no teste implementado pela função fornecida.
let numbers = [1, 2, 3, 4, 5];
let evenNumbers = numbers.filter(num => num % 2 === 0);
console.log(evenNumbers); // Saída: [2, 4]3. reduce(callback, initialValue): Executa uma função redutora em cada elemento do array, resultando em um único valor de saída.
let numbers = [1, 2, 3, 4];
let sum = numbers.reduce((acc, num) => acc + num, 0);
console.log(sum); // Saída: 10Desafio
FácilVocê recebeu um array numbers = [1, 2, 3, 4, 5]. Execute as seguintes etapas e imprima os resultados diretamente:
- Use
map()para criar um novo array onde cada número é multiplicado por 3 e imprima o resultado. - Use
filter()para criar um novo array que inclua apenas números maiores que 3 e imprima o resultado.
Folha de consulta
Métodos de array para transformar e filtrar dados:
map(callback): Cria um novo array aplicando uma função a cada elemento:
let numbers = [1, 2, 3];
let doubled = numbers.map(num => num * 2);
console.log(doubled); // Output: [2, 4, 6]filter(callback): Cria um novo array com elementos que passam em um teste:
let numbers = [1, 2, 3, 4, 5];
let evenNumbers = numbers.filter(num => num % 2 === 0);
console.log(evenNumbers); // Output: [2, 4]reduce(callback, initialValue): Reduz um array a um único valor:
let numbers = [1, 2, 3, 4];
let sum = numbers.reduce((acc, num) => acc + num, 0);
console.log(sum); // Output: 10Experimente você mesmo
let numbers = [1, 2, 3, 4, 5];Esta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.
Todas as lições de Fundamentos
4Operadores Parte 2
Operadores Lógicos Parte 1Operadores Lógicos Parte 2Recapitulação - Lógica SimplesOperadores Lógicos Parte 3Coerção de Tipos7Calculadora de Divisão de Conta
Mensagem de Boas-vindasCalculando a Gorjeta e o Total10FizzBuzz com um Diferencial
Visão Geral do JogoA Função FizzBuzz2Variáveis
NúmerosStringBooleanoConvenções de NomenclaturaVariáveis VaziasRecapitulação - Inicializar VariáveisConstantes5Tomada de Decisão
Estrutura IfIf - ElseRevisão - Calculadora SimplesIf - Else AninhadoEstrutura Switch8Laços de Repetição
Loop ForLoop WhileBreakContinueRecapitulação - FatorialLoop Do WhileLoops Aninhados3Operadores Parte 1
Operadores AritméticosOperador de MóduloAtalhos AritméticosOperadores de ComparaçãoIgualdade Estrita vs Não EstritaRecapitulação - Matemática Simples6E/S Básica
SaídaSaída com VariáveisConversão de Tipos - Parte 1Conversão de Tipos - Parte 2Revisão - Até 120Revisão - Verdadeiro ou Falso9Funções
Declarar uma FunçãoArgumentosRetornoRecapitulação - Função SigmaExpressão de FunçãoParâmetros PadrãoArrow FunctionsRecapitulação - Função de Validação12Arrays Parte 2
Iterando sobre ArraysO Método forEachLoop for...ofRecapitulação - Contador de PFatiamento de ArraysMétodos de Array Parte 3Métodos de Array Parte 4Teste de Pertencimento