Pick the best parts of an object

#javascript #beginners

When you simply want to pick parts of an object. No matter how complex.

Q: I asked my self... I want the value of that's properties - property. How can I get that?

A: Destructuring an object.

Resources: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#Object_destructuring.

const object = {price: 42, qId: true};
const {price, qId} = object;

console.log(price); // 42
console.log(qId); // true

The above example is a simple one. The one below is slightly more complex.

let object = {price: 42, qId: {rate: {sId:"foo"}, tracked:false}, uId: 10};
let {price, qId:{rate:{sId} } }= object;

console.log(price); // 42
console.log(qId); // {rate: {sId:"foo"}, tracked: false}
console.log(rate); // {sId:"foo"} 
console.log(sId); // "foo"

If you have any destructuring 🧰 tips, share them below.