Los objetos y arrays son los contenedores de JavaScript. Dominarlos significa dominar la manipulación de estructuras de datos.
Objetos (Pares Clave-Valor)
javascript
const usuario = {
nombre: "Jane Doe",
edad: 28,
rol: "Admin"
};
// Notación de Punto (Limpia)
console.log(usuario.nombre);
// Notación de Corchetes (Dinámica)
const propParaRevisar = "rol";
console.log(usuario[propParaRevisar]);Destructuring (Desempaquetado)
Analogía de la Maleta
Imagina que un Objeto es una Maleta empacada.
Destructuring es abrir la maleta y sacar los artículos directamente a tus manos.
javascript
const configuracion = {
tema: "oscuro",
tamanoFuente: 16,
wifi: true
};
// FORMA ANTIGUA: Repetitiva
// const tema = configuracion.tema;
// const tamanoFuente = configuracion.tamanoFuente;
// FORMA PRO: Destructuring
const { tema, tamanoFuente } = configuracion;
console.log(tema); // "oscuro"El Operador Spread (...)
Esto "explota" un objeto o array en sus partes individuales. Es esencial para React.
javascript
const usuarioBase = { nombre: "Juan", edad: 30 };
// Crear un NUEVO objeto, copiar todo de usuarioBase y añadir propiedad
const usuarioActualizado = { ...usuarioBase, activo: true };
console.log(usuarioActualizado);
// { nombre: "Juan", edad: 30, activo: true }Arrays y Métodos
javascript
const pila = ["HTML", "CSS", "JS"];
// Destructuring de Array
const [primero, segundo] = pila;
console.log(primero); // "HTML"
// Spread en Array (Fusionar)
const backend = ["Node", "SQL"];
const fullStack = [...pila, ...backend];
console.log(fullStack);