20. Na czym polega destrukturyzacja?

Destrukturyzacja jest elementem składni JavaScript, która pozwla na uproszczony dostęp do elementów tablicy lub wartości obiektów.

const obj = {a: "stringA", b: "stringB"};
const {a, b: changedB, c} = obj;
console.info(a, changedB, c) // stringA, stringB, undefined 

const arr = ["stringA", "stringB"];
const [A, B, C] = arr;
console.info(A, B, C) // stringA, stringB, undefined 

W przypadku desturkturyzacji obiektów, nazwy zmiennych muszą odpowiadać nazwom kluczy w obiekcie, aby zostały przypisane odpowiednio. Jeśli nazwa zmiennej powinna by inna, należy podać jej nazwę po dwukropku. W przypadku destrukcturyzacji tablic, nazwa zmiennej nie ma znaczenia, a liczy się kolejość.