Objetos JavaScript
Un objeto es una colección de pares clave-valor que describen una entidad. Un usuario, un producto, una canción, una lección de esta app — todos pueden representarse como objetos. Las propiedades guardan datos (nombre, precio, duración) y los métodos guardan funciones que ese objeto puede ejecutar.
En JavaScript casi todo es un objeto: los arrays, las funciones, las fechas. Cuando usas console.log(), "log" es un método del objeto "console". Entender objetos es entender cómo JavaScript está construido por dentro.
Puedes acceder a las propiedades de un objeto con punto (objeto.propiedad) o con corchetes (objeto["propiedad"]). Los corchetes son útiles cuando el nombre de la propiedad es dinámico o tiene espacios. La desestructuración (destructuring) es una forma elegante de extraer varias propiedades a la vez.
// Crear un objeto
const persona = {
nombre: "Carlos",
edad: 30,
esDesarrollador: true,
// Método (función dentro de objeto)
saludar() {
return `Hola, soy ${this.nombre}`;
}
};
// Acceder a propiedades
console.log(persona.nombre); // "Carlos"
console.log(persona["edad"]); // 30
console.log(persona.saludar()); // "Hola, soy Carlos"
// Agregar/modificar propiedades
persona.email = "carlos@mail.com";
persona.edad = 31;
// Eliminar propiedad
delete persona.esDesarrollador;
// Destructuring (extraer propiedades)
const { nombre, edad } = persona;
console.log(nombre); // "Carlos"
// Spread operator (copiar/mezclar objetos)
const extra = { ciudad: "Madrid", hobby: "código" };
const personaCompleta = { ...persona, ...extra };
// Object.keys, values, entries
console.log(Object.keys(persona)); // ["nombre", "edad"]
console.log(Object.values(persona)); // ["Carlos", 31]
Practica esta lección
Resuelve los ejercicios del curso de JavaScript en la app, gratis y con corrección automática.
Empezar a practicar