Destructure Object Properties in JavaScript

The destructuring assignment syntax allows you to selectively extract properties from objects and assign them to distinct variables in a concise and structured way.

let { key, ..., keyN } = object;

Note: When destructuring a property that doesn't exist within the object, the specified variable will hold the undefined value.

Example

Let's consider this script:

const bike = {  brand: 'Honda',  model: 'Africa Twin'};const { brand, model } = bike;console.log(brand);console.log(model);

When executed, it will extract the brand and model properties of the bike object into two distinct variables of the same name, and output their values.