Discussion on: JavaScript object destructuring usages you must know

[Daniel Gropp]

Nice 😎 this is an amazing and very useful feature. Another useful thing with object destructing is to destruct some properties and then use the spread operator to get the rest.

const obj = {name: “Moses”, age: 120, country: “Egypt”};
const {name, …rest} = obj;
console.log(name); // “Moses”
console.log(rest); // {age: 120, country: “Egypt”}

[Tapas Adhikary]

Awesome Daniel, Thanks for adding to the list. Have a great day.

[Thinh Nguyen]

Since it is ..., it's not sread operator.

In Object Destructuring, these three dots is rest propertises,

Rest in Object Destructuring
The Rest/Spread Properties for ECMAScript proposal (stage 4) adds the rest syntax to destructuring. Rest properties collect the remaining own enumerable property keys that are not already picked off by the destructuring pattern.

let {a, b, ...rest} = {a: 10, b: 20, c: 30, d: 40}
a; // 10
b; // 20
rest; // { c: 30, d: 40 }