EcmaScript | ES6 destructuring.js

const arr = ['Hello', 'World']
const [hello, world] = arr
console.log(`${hello} ${world}`) // Expected output: Hello World

const obj = { h: 'Hello', w: 'World', again: 'Again' }
const { again, w, h } = obj
console.log(`${h} ${w} ${again}`) // Expected output: Hello World Again

// It's possible to rename object keys
const { h: hello1, w: world1 } = obj
console.log(`${hello1} ${world1}`) // Expected output: Hello World

// Extracted deep nested property
const nested = { a: { b: { c: 'Nested property' }}}
const { a: { b: { c }}} = nested
console.log(c) // Expected output: Nested property