Arrays: Array destructuring

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:

0: Introduction
1: Number of items in an array
2: Create a new array from an existing array
3: Adding an item to an existing array
4: Adding at the beginning of an array
5: Adding multiple items to the array
6: Removing an item from an array
7: Modifying an existing array without mutating it
8: Arrays of arrays
9: Filling an array
10: ▶︎ Array destructuring
11: Check if an array contains a specific value
Want to learn more? Check out our courses