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].

Lessons in this unit: