El método Map
Parte de la sección Lógica y Flujo del Journey de JavaScript de Coddy — lección 52 de 65.
El método map() crea un nuevo array con los resultados de la llamada a la función proporcionada sobre cada elemento del array que lo llama. Transforma cada elemento y devuelve un nuevo array de la misma longitud.
Sintaxis básica:
let newArray = arr.map(function(currentValue, index, array) {
// devuelve el elemento para newArray
});Aquí tienes un ejemplo sencillo:
const numbers = [1, 2, 3, 4];
const doubled = numbers.map((num) => {
return num * 2;
});
console.log(doubled); // [2, 4, 6, 8]Aquí tienes el mismo ejemplo con una sintaxis más corta:
const numbers = [1, 2, 3, 4];
const doubled = numbers.map(num => num * 2);
console.log(doubled); // [2, 4, 6, 8]El método map() no cambia el array original. Siempre devuelve un nuevo array.
Desafío
FácilCrea una función llamada formatNames que reciba un arreglo de nombres (cadenas de texto) como argumento. La función debe usar el método map() para transformar cada nombre de modo que esté en formato de título (la primera letra de cada palabra en mayúscula, el resto en minúscula). Devuelve el nuevo arreglo de nombres formateados.
Hoja de referencia
El método map() crea un nuevo array llamando a una función para cada elemento del array original:
let newArray = arr.map(function(currentValue, index, array) {
// devuelve el elemento para newArray
});Ejemplo con función de flecha:
const numbers = [1, 2, 3, 4];
const doubled = numbers.map(num => num * 2);
console.log(doubled); // [2, 4, 6, 8]El método map() no cambia el array original y siempre devuelve un nuevo array de la misma longitud.
Pruébalo tú mismo
function formatNames(names) {
return names.map(name => {
// 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 JSON