Menu
Coddy logo textTech
ZACZNIJ NAUKĘ
flag Pl iconPolskidown icon

Destrukturyzacja tablic

Część sekcji Logika i przepływ programu ścieżki JavaScript w Coddy. Lekcja 47 z 65.

Destrukturyzacja tablicy to wygodny sposób na wyodrębnienie wielu wartości z tablicy i przypisanie ich do zmiennych w jednej instrukcji. Używa składni odzwierciedlającej strukturę literału tablicy.

Podstawowa składnia:

const [a, b, c] = [1, 2, 3];
console.log(a); // 1
console.log(b); // 2
console.log(c); // 3

Możesz pomijać elementy:

const [a, , c] = [1, 2, 3];
console.log(a); // 1
console.log(c); // 3

Możesz użyć parametrów resztowych, aby przechwycić pozostałe elementy:

const [a, ...rest] = [1, 2, 3, 4, 5];
console.log(a);    // 1
console.log(rest); // [2, 3, 4, 5]

Możesz podać wartości domyślne:

const [a, b, c = 3] = [1, 2];
console.log(c); // 3
challenge icon

Wyzwanie

Łatwy

Utwórz funkcję o nazwie analyzeArray, która przyjmuje tablicę jako argument. Funkcja powinna użyć destrukturyzacji tablicy, aby wyodrębnić pierwszy, drugi i ostatni element tablicy. Powinna zwrócić obiekt z następującymi właściwościami:

  • first: pierwszy element tablicy
  • second: drugi element tablicy
  • last: ostatni z elementów występujących po drugim (null, gdy tablica zawiera dwa lub mniej elementów)
  • restLength: liczba elementów znajdujących się między drugim a last (tablica ...rest po usunięciu z niej elementu last)

Jeśli któryś z tych elementów nie istnieje, użyj wartości domyślnej null. Przykład: dla [1, 2, 3, 4, 5] wynikiem jest { first: 1, second: 2, last: 5, restLength: 2 }; dla [42] wynikiem jest { first: 42, second: null, last: null, restLength: 0 }.

Spróbuj swoich sił

function analyzeArray(arr) {
  // Wpisz tutaj swój kod
}
quiz iconSprawdź się

Ta lekcja zawiera krótki quiz. Zacznij lekcję, żeby na niego odpowiedzieć i śledzić swoje postępy.

Wszystkie lekcje w sekcji Logika i przepływ programu

1Napisy w praktyce

Podstawy napisówIterowanie po napisachLiterały szablonoweMetody napisówPodsumowanie – mistrz napisów

4JSON, część 2

Iterowanie po JSONZagnieżdżony JSONOpcjonalne łańcuchowanie w JSONPłytka i głęboka kopiaPowtórka — sklep rowerowyPowtórka — Układ Słoneczny

7System zarządzania biblioteką

Omówienie projektuDodawanie książekLekcja projektowaWyszukiwanie według tytułuLekcja projektowaFiltrowanie według gatunkuLekcja projektowaOznaczanie jako przeczytaneLekcja projektowa

10Zarządzanie systemem festiwalowym

Przegląd projektuDodawanie filmów i miejscLekcja projektowaDodawanie seansuLekcja projektowaKupowanie biletówLekcja projektowaOcenianie filmówLekcja projektowaAnulowanie seansówLekcja projektowa

2Tablice wielowymiarowe

Podstawy tablic 2DDostęp do elementów tablic 2DZagnieżdżone pętle z tablicami 2DPowtórka — tablice 2DDodawanie i odejmowanie macierzyTablice nieregularneTablice 3D i większeTypowe wzorce tablic 2DPowtórka — wszystko o tablicach

5Zbiory — część 1

Czym jest zbiór?Iterowanie po zbiorachDodawanie elementuUsuwanie elementuSprawdzanie, czy element istniejeRozmiar i sprawdzanie, czy zbiór jest pustyKopiowanie i czyszczeniePodsumowanie — podstawy zbiorów

8Ciekawe zagadnienia dotyczące tablic

Destrukturyzacja tablicSkładnia spread w tablicachRzadkie tablicePodsumowanie – warsztaty z tablic

3JSON część 1

Czym jest JSON?Sprawdzanie, czy klucz istniejeMetody obiektówOperator spread — część 1Operator spread — część 2Usuwanie kluczyPodsumowanie — manipulowanie kluczami w JSON

6Zbiory, część 2

Matematyka – suma zbiorówMatematyka – część wspólna zbiorówMatematyka – różnica zbiorówMatematyka – różnica symetrycznaPodzbiory i nadzbioryPowtórka – grupowanie znajomych

9Zaawansowane metody tablic

Metody Join i SplitMetoda MapMetoda FilterMetoda ReduceŁączenie metod tablicCzy ForEach i Map to to samo?Metoda SortMetody Find i FindIndexPowtórka — mistrz łańcuchów

Poćwicz samodzielnie: Kompilator JavaScript online