Objetos en JavaScript: propiedades, métodos y destructuring

Crear objetos, acceder a propiedades, métodos y this, desestructuración, spread y Object.keys/values/entries, con laboratorios interactivos.

Un objeto agrupa datos relacionados en pares clave: valor. Es la estructura más usada de JavaScript (los datos de una API llegan como objetos). 

const persona = {
    nombre: "Ana",
    edad: 30,
    saludar() { return `Hola, soy ${this.nombre}`; }
};
persona.nombre;        // "Ana"
persona["edad"];       // 30
persona.saludar();     // "Hola, soy Ana"

Desestructuración

Sacar propiedades de un objeto a variables sueltas, en una línea.

const { nombre, edad, ciudad = "Desconocida" } = persona;
// nombre = "Ana", edad = 30, ciudad = "Desconocida" (valor por defecto)

spread: copiar y combinar

Object.keys / values / entries

Comprueba lo aprendido