Destrukturyzacja tablic i obiektów

JavaScript pozawala na zwięzłe przypisanie elementów tablicy, lub pól obiektu, do zmiennych.

Przypisanie elementów tablicy do zmiennych (destruktyryzacja tablicy)

let person = {name: 'John', surname: 'Doe'};

let {name, surname} = person;

W podstawowej wersji nazwy zmiennych muszą się pokrywać z nazwą pól w obiekcie, możliwe jest także przypisanie pól obiektu do zmiennych o innych nazwach:

let person = {name: 'John', surname: 'Doe'};

let {name: n, surname: s} = person;

Przypisanie pól obiektu do zmiennych (destruktyryzacja obiektu)

let array = [1,2,3,4,5];

let [a,b,c,...rest] = array;

Do zmiennej a zostanie przypisana wartość 1, do b wartość 2, do c wartość 3, a do zmiennej rest zostanie przypisana reszta elementów tablicy czyli [4,5]

Warto zajrzeć

1. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment