ES6 - 3 Formas de desestruturar um objeto com javascript

javascript_destructuring.js

var objeto = { tamanho: 10, nome: undefined, peso: 180 };


// =========================================== exemplo 1

// "desmembramento manual" =[
var size = objeto.tamanho;
var name = objeto.nome || "Bruno";
var weight = objeto.peso;

console.log(size, name, weight);


// =========================================== exemplo 2

// Mesmo efeito utilizando mas de uma forma ainda mais "simples"
function desmembrar(tamanho, nome = "Samu", peso) {
    return { size: tamanho, name: nome, weight: peso };
}

// blaahhh
Object.assign(this, desmembrar(...Object.values(objeto)));

// chatooo
console.log(this.size, this.name, this.weight);

// ou ainda com o uso do with para não precisar usar "this." em cada propriedade
with (desmembrar(...Object.values(objeto))) {
    console.log(size, name, weight);
}


// =========================================== exemplo 3

// Mesmo efeito só que dessa vez utilizando desestruturação do ES6
var { tamanho: size, nome: name = "Caio", peso: weight } = objeto;

// bem mais prático ;)
console.log(size, name, weight);