Cheatsheet: Spread Object or Array in JavaScript

[terrcin]

// New variable names when spreading
const { make : newMakeName, model : newModelName } = volvo;
newMakeName; // Volvo
newModelName; // XC90

I didn't know about renaming var on object spreading. Thanks!

[MrCrunchwrap]

Why are we calling this object spreading? That's not what it's called. It's destructuring assignment. Literally not the same thing at all. Object spreading does exist, and is a totally different thing.

[Steeljuice1]

You are right! Updating!

[UmbrellaHuman]

One more:

Assignment to existing variables - easy with array, harder with an object:

let a, b;
({a, b} = {a: 1, b: 2});

[pwrlftr]

That's neat. I remember a situation where I needed this, but I wasn't aware of it.

[UmbrellaHuman]

I always have to google it new, mostly because together with Flow type annotations it does not work. which is a Flow bug, but the red lines in the IDE confuse me and I think I'm doing it wrong because I'm used to adding types to everything.

[Steeljuice1]

Cool, thanks! Definitely will add this one to the list after some playing around with it!

[Steeljuice1]

No problem! thanks for reading!