Métodos de Arrays Parte 4
Parte de la sección Fundamentos del Journey de JavaScript de Coddy — lección 69 de 77.
Aquí tienes aún más métodos de array útiles:
1. map(callback): Crea un nuevo array con los resultados de la llamada a la función proporcionada sobre cada elemento del array original.
let numbers = [1, 2, 3];
let doubled = numbers.map(num => num * 2);
console.log(doubled); // Resultado: [2, 4, 6]2. filter(callback): Crea un nuevo array con todos los elementos que pasen la prueba implementada por la función proporcionada.
let numbers = [1, 2, 3, 4, 5];
let evenNumbers = numbers.filter(num => num % 2 === 0);
console.log(evenNumbers); // Resultado: [2, 4]3. reduce(callback, initialValue): Ejecuta una función reductora sobre cada elemento del array, resultando en un único valor de salida.
let numbers = [1, 2, 3, 4];
let sum = numbers.reduce((acc, num) => acc + num, 0);
console.log(sum); // Salida: 10Desafío
FácilSe te da un array numbers = [1, 2, 3, 4, 5]. Realiza los siguientes pasos e imprime los resultados directamente:
- Utiliza
map()para crear un nuevo array donde cada número se multiplique por 3, e imprime el resultado. - Utiliza
filter()para crear un nuevo array que solo incluya números mayores que 3, e imprime el resultado.
Hoja de referencia
Métodos de array para transformar y filtrar datos:
map(callback): Crea un nuevo array aplicando una función a cada elemento:
let numbers = [1, 2, 3];
let doubled = numbers.map(num => num * 2);
console.log(doubled); // Resultado: [2, 4, 6]filter(callback): Crea un nuevo array con los elementos que pasan una prueba:
let numbers = [1, 2, 3, 4, 5];
let evenNumbers = numbers.filter(num => num % 2 === 0);
console.log(evenNumbers); // Resultado: [2, 4]reduce(callback, initialValue): Reduce un array a un único valor:
let numbers = [1, 2, 3, 4];
let sum = numbers.reduce((acc, num) => acc + num, 0);
console.log(sum); // Resultado: 10Pruébalo tú mismo
let numbers = [1, 2, 3, 4, 5];Esta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.
Todas las lecciones de Fundamentos
4Operadores Parte 2
Operadores lógicos Parte 1Operadores lógicos Parte 2Repaso - Lógica simpleOperadores lógicos Parte 3Coerción de tipos7Calculadora para dividir la cuenta
Mensaje de bienvenidaCálculo de la propina y el total10FizzBuzz con un giro
Descripción general del juegoLa función FizzBuzz13Rastreador de lista de compras
Descripción general del proyectoAñadir elemento2Variables
NúmerosStringBooleanConvenciones de nomenclaturaVariables vacíasResumen - Inicializar variablesConstantes5Toma de decisiones
Sentencia IfIf - ElseRepaso - Calculadora simpleIf - Else anidadosSentencia Switch3Operadores Parte 1
Operadores aritméticosOperador móduloAtajos aritméticosOperadores de comparaciónIgualdad estricta vs. débilResumen - Matemáticas simples6E/S Básica
SalidaSalida con variablesConversión de tipos - Parte 1Conversión de tipos - Parte 2Resumen - Hasta 120Resumen - Verdadero o Falso9Funciones
Declarar una funciónArgumentosRetornoRepaso - Función SigmaExpresión de funciónParámetros por defectoFunciones de flechaRepaso - Función de validación12Arrays Parte 2
Iterar sobre ArraysEl método forEachBucle for...ofResumen - Contador PSlicing de ArraysMétodos de Arrays Parte 3Métodos de Arrays Parte 4Comprobación de pertenencia