ES6+ Features (Destructuring, Spread, Rest)

Destructuring en arrays y objetos

• Qué resuelve: Permite extraer valores en una sola línea, evitando código repetitivo.
• Arrays: orden por posición, con valores por defecto y rest para "el resto".
• Objetos: extraer por nombre de propiedad, renombrar variables y destructurar anidados.
• En funciones: destructuring en parámetros para recibir solo lo que necesitas.

javascript
Copiar
1const frutas = ["manzana", "banana", "naranja"];
2const [primera, , tercera] = frutas;
3
4const persona = { nombre: "Ana", edad: 28, ciudad: "Madrid" };
5const { nombre, edad } = persona;

Spread y Rest

• Spread: "expande" arrays u objetos, útil para copiar, combinar y crear nuevas estructuras sin mutar.
• Rest: agrupa parámetros restantes en arrays, ideal para funciones flexibles.

javascript
Copiar
1const arr1 = [1, 2];
2const arr2 = [3, 4];
3const combinado = [...arr1, ...arr2];
4
5function sumar(...numeros) {
6  return numeros.reduce((acc, n) => acc + n, 0);
7}

Template Literals avanzados

• Multilínea y interpolación con expresiones dinámicas.
• Uso de tagged templates para formateo o sanitización.

javascript
Copiar
1const nombre = "María";
2const mensaje = `Hola ${nombre}, hoy es ${new Date().toLocaleDateString()}`;