ES6 destructing and spread

destructuring is to auto map the source to the assigned variable, whether being array or object or tuple.

const [a,b,c] = ...

const {a,b,c} = …

const [a,b,c]= …

spread is to auto map any number of items in the array to a spread variable, vice versa. basically to repsent array as one (spread) variable.

const [a, ...b] = ...
const x = [a, ...b]

and in order to destruct array of objects

let o = [
a: "foo",
b: 12,
c: "bar"
a: "test",
b: 20,
c: "check"

let [{a}] = o ====> “foo”

let [{a: a1},{a: a2}] = o ====> “foo”, test

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s