Array destructuring is a way to extract variables from the items contained into an array.
Example:
const list = [1, 2]
const [first, second] = list
console.log(first) //1
console.log(second) //2
See? We had numbers into an array, now we have two variables, first
and second
, which contains the values of the 2 items of the array.
If you had 5 items in the array, it works in the same way:
const list = [1, 2, 3, 4, 5]
const [first, second] = list
console.log(first) //1
console.log(second) //2
Of course you could destruct the array to more variables:
const list = [1, 2, 3, 4, 5]
const [first, second, third, fourth, fifth] = list
The value assigned to the variables depends on the order listed.
Remember the spread operator? We can use it with array destructuring:
const list = [1, 2, 3, 4, 5]
const [first, second, ...others] = list
others
is an array containing [3, 4, 5]
.