Objects in JavaScript: properties, methods and destructuring

Create objects, access properties, methods and this, destructuring, spread and Object.keys/values/entries, with interactive labs.

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"

Destructuring

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: copy and merge

Object.keys / values / entries

Check what you've learned