Destrukturyzacja i spread — JavaScript

Destrukturyzacja ułatwia wyciąganie wartości z tablic.

Cel lekcji

Poznać zagadnienie „Destrukturyzacja i spread”, zrozumieć przykład i umieć zastosować podobny zapis we własnym programie.

Wyjaśnienie krok po kroku

Operator ... może skopiować lub połączyć elementy w nowej tablicy, ale nie wykonuje głębokiej kopii zagnieżdżonych obiektów.

Najpierw przeanalizuj kod bez uruchamiania. Zwróć uwagę, jakie dane wykorzystuje program, co z nimi robi i skąd bierze się wynik pokazany pod przykładem.

Praktyczny przykład

Gdzie zobaczysz efekt: Konsola przeglądarki lub Node.js

const [first, second] = ["Ala", "Ola"];
const all = [first, second, "Jan"];
console.log(first);
console.log(all.length);

Przeczytaj kod linijka po linijce

const [first, second] = ["Ala", "Ola"];Tworzymy lub aktualizujemy zmienną, pole albo przypisanie.
const all = [first, second, "Jan"];Tworzymy lub aktualizujemy zmienną, pole albo przypisanie.
console.log(first);Wyświetlamy wartość, aby sprawdzić efekt działania programu.

Oczekiwany wynik / efektpo uruchomieniu przykładu

Ala
3

Jak utrwalić tę umiejętność?

Przepisz kod samodzielnie. Następnie zmień jedną wartość lub jedną instrukcję i spróbuj przewidzieć efekt. Dopiero potem uruchom zmienioną wersję. Jeśli wynik jest inny niż oczekiwany, porównaj kolejne linie.

Spróbuj samodzielnie

Połącz dwie tablice operatorem spread.