Map

Crea un nuevo array con los resultados de la aplicación de una función proporcionada a cada elemento del array original.

Sintaxis básica:

const nuevoArray = arrayOriginal.map(funcionCallback(currentValue, index, array));

• funcionCallback: La función a ejecutar en cada elemento del array.

• currentValue: El elemento actual siendo procesado en el array.

• index (opcional): El índice del elemento actual.

• array (opcional): El array sobre el que se llamó map.

🛠 Ejemplos de Uso

// Elevar al cuadrado todos los números de un array:
const numeros = [1, 2, 3, 4];
const cuadrados = numeros.map(num => num * num); // [1, 4, 9, 16]

// Convertir todos los nombres de un array a mayúsculas:
const nombres = ['ana', 'juan', 'carla'];
const nombresMayusculas = nombres.map(nombre => nombre.toUpperCase()); // ['ANA', 'JUAN', 'CARLA']

// Agregar propiedades a objetos en un array:
const productos = [
  { nombre: 'Camisa', precio: 20 },
  { nombre: 'Pantalones', precio: 25 }
];
const productosConIVA = productos.map(producto => {
  return { ...producto, precioIVA: producto.precio * 1.21 };
});

//Extraer una propiedad específica de cada objeto en un array:
const usuarios = [
  { nombre: 'Laura', edad: 24 },
  { nombre: 'Pedro', edad: 30 }
];
const edades = usuarios.map(usuario => usuario.edad); // [24, 30]