Desestructuración de objetos en JavaScript

Desestructuración de objetos

let { variable1, variable2 } = { variable1: ..., variable2: ... }
const usuario = {
id: 123,
nombre: 'Alex',
apellidos: 'Tomás',
url: 'https://alextomas.com'
};
const nombre = usuario.nombre;
console.log(nombre);
// Resultado -> Alex
const usuario = {
id: 123,
nombre: 'Alex',
apellidos: 'Tomás',
url: 'https://alextomas.com'
};
const { id, nombre, apellidos, url } = usuario;
console.log(id, nombre, apellidos, url);// Resultado -> 123 Alex Tomás https://alextomas.com
const moto = {
tipo: 'Race',
modelo: 'Yamaha MT09',
matriculacion: 2018
};
const { tipo: type, modelo: model, matriculacion: year } = moto;
console.log(type, model, year);// Resultado -> "Race" "Yamaha MT09" 2018

Valores por defecto

const television = {
pulgadas: 52,
fabricante: 'LG'
};
const { pulgadas, fabricante, smart = true } = television;
console.log(pulgadas, fabricante, smart);
// Resultado -> 52 "LG" true

El resto

let mascota = {
raza: 'perro',
nombre: 'Max',
edad: 8.5
};
let { raza, ...rest } = mascota;console.log(raza)
console.log(rest)
// Resultado:// "perro"
// Object {
// edad: 8.5,
// nombre: "Max"
// }

Desestructuración anidada

let automovil = {
tipo: 'coche',
marca: 'Peugeot',
caracteristicas: {
cv: 115,
carburante: 'diesel'
}
};
const { marca, caracteristicas: { cv }} = automovil;
console.log(marca, cv)
// Resultado -> "Peugeot" 115

--

--

alextomas.com

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store