Destructuring was introduced in ES2015/ES6. It’s really helpful if you know all the ins and outs. There are many articles but they don’t cover all the different ways to use Destructuring with one single example. The following things can be done on an object/array:

1. Extract values
2. Provide a default value
3. Extract value and rename the variable

Let’s go with the following data and see 6 examples. All the examples are based on this data.

The basic syntax is:

#web-development #coding #javascript-tips #destructuring #javascript