Encadenamiento de métodos de Arrays
Parte de la sección Lógica y Flujo del Journey de JavaScript de Coddy. Lección 55 de 65.
Encadenar arrays te permite realizar múltiples operaciones en un array en una sola sentencia. Este enfoque puede hacer que tu código sea más conciso y legible.
Aquí hay un ejemplo de encadenamiento de métodos de array:
const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const result = numbers
.filter(num => num % 2 === 0)
.map(num => num * 2)
.reduce((sum, num) => sum + num, 0);
console.log(result); // 60En este ejemplo, comenzamos con un arreglo de números, filtramos los números impares, duplicamos cada número restante y después sumamos los resultados.
El orden del encadenamiento importa. Cada método en la cadena opera sobre el resultado del método anterior.
Desafío
FácilCrea una función llamada processFruits que tome un array de objetos fruit. Cada objeto fruit tiene las propiedades name (cadena de texto) y quantity (número).
La función debe usar métodos de array encadenados para:
- Filtrar las frutas con una cantidad de 0
- Transformar el nombre de cada fruta a mayúsculas
- Crear una cadena de texto que liste todas las frutas con sus cantidades como "APPLE: 5, BANANA: 3"
Un rápido recordatorio:
Puedes usar la función .join(", ") para convertir un array de cadenas de texto en una sola cadena.
Es posible encadenar incluso la función .join():
arr.filter(...)
.map(...)
.join(...)Pruébalo tú mismo
function processFruits(fruits) {
// Escribe tu código aquí
}
Ponte a pruebaEsta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.
Todas las lecciones de Lógica y Flujo
1Strings en profundidad
Fundamentos de stringsIterar sobre stringsTemplate LiteralsMétodos de stringsResumen - String Weaver4JSON Parte 2
Iterar sobre JSONJSON anidadoEncadenamiento opcional en JSONCopia superficial y profundaResumen - Tienda de bicicletasResumen - Sistema solar7Sistema de Gestión de Biblioteca
Descripción general del proyectoAñadir libros
Buscar por títuloFiltrar por géneroMarcar como leído10Gestionar el sistema del festival
Descripción general del proyectoAñadir películas y sedesAñadir proyeccionesComprar entradasCalificar películasCancelar proyecciones2Arreglos multidimensionales
Conceptos básicos de arreglos 2DAcceso a elementos de arreglos 2DBucles anidados con arreglos 2DResumen - Arreglos 2DSuma y resta de matricesArreglos irregulares (Jagged Arrays)Arreglos 3D y más alláPatrones comunes en arreglos 2DResumen - Todo sobre arreglos5Conjuntos Parte 1
¿Qué es un conjunto?Iterar sobre conjuntosAñadir un elementoEliminar un elementoComprobar si un elemento existeTamaño y Is EmptyCopy y ClearResumen - Conceptos básicos de conjuntos8Temas interesantes de Arrays
Desestructuración de ArraysSintaxis Spread en ArraysArrays dispersosResumen - Taller de Arrays3JSON Parte 1
¿Qué es un JSON?Comprobar si existe una claveMétodos de objetoEl Spread Operator Parte 1El Spread Operator Parte 2Eliminar clavesResumen - Manipular claves de JSON6Conjuntos Parte 2
Matemáticas - Unión de conjuntosMatemáticas - Intersección de conjuntosMatemáticas - Diferencia de conjuntosMatemáticas - Diferencia simétricaSubconjuntos y superconjuntosRepaso - Agrupar amigos9Métodos avanzados de Arrays
Los métodos Join y SplitEl método MapEl método FilterEl método ReduceEncadenamiento de métodos de Arrays¿Son iguales ForEach y Map?El método SortLos métodos Find y FindIndexResumen - El maestro del encadenamientoPractica por tu cuenta: Compilador de JavaScript online