Essa ferramenta do JavaScript nos ajuda a desestruturar objetos e arrays. Como assim ?

Basicamente podemos retirar de dentro de um array ou objeto somente o que queremos, de forma simples e fácil.

Vamos ver na prática.

Arrays

Antigamente, quando queríamos retirar uma informação de uma array, fazíamos da seguinte forma:

const nomes = ['joao', 'maria', 'josé'];

// mode antigo
const pessoa1 = vehicles[0];
const pessoa2 = vehicles[1];
const pessoa3 = vehicles[2];

Agora com o Destructuring

const nomes = ['joao', 'maria', 'josé'];

const [pessoa1, pessoa2, pessoa3] = nomes;

Ou seja, ele criou automaticamente 3 variáveis, e em cada uma, ele guardou uma posição do nosso array.

Mas e se eu não quisesse guardar tudo ? Podemos fazer desse jeito.

const nomes = ['joao', 'maria', 'josé'];

const [pessoa1,, pessoa3] = nomes;

Dessa forma, ele vai só criar 2 variáveis, uma com o nome joao e outra com o nome josé.