We can use Destructuring in #Javascript to extract values from array or objects into the variables.

Example Below ๐Ÿ‘‡

// ๐ด๐‘Ÿ๐‘Ÿ๐‘Ž๐‘ฆ ๐ท๐‘’๐‘ ๐‘ก๐‘Ÿ๐‘ข๐‘๐‘ก๐‘ข๐‘Ÿ๐‘–๐‘›๐‘”
const arr = ['Vinny', 38, 'Male']
const [firstname, age, gender] = arr
console.log(firstname, age, gender)
//๐‘œ๐‘ข๐‘ก๐‘๐‘ข๐‘ก: ๐‘‰๐‘–๐‘›๐‘›๐‘ฆ 38 ๐‘€๐‘Ž๐‘™๐‘’
//๐‘‚๐‘๐‘—๐‘’๐‘๐‘ก ๐ท๐‘’๐‘ ๐‘ก๐‘Ÿ๐‘ข๐‘๐‘ก๐‘ข๐‘Ÿ๐‘–๐‘›๐‘”
let obj = {
  firstname2: 'Vinny',
  age2: 38,
  gender2: 'Male',
}
const {firstname2, age2, gender2} = obj
console.log(firstname2, age2, gender2)
//๐‘œ๐‘ข๐‘ก๐‘๐‘ข๐‘ก: ๐‘‰๐‘–๐‘›๐‘›๐‘ฆ 38 ๐‘€๐‘Ž๐‘™๐‘’

Section image