Metody tablicowe JS: forEach, Reduce, Filter, Slice

Spis treści:

• Konfigurowanie środowiska pracy
• Metody dodawania i pobierania elementów
• Metody tworzenia nowych tablic na podstawie istniejących
• Metody sprawdzania i iterowania po tablicy
• Metody znajdowania elementów i indeksów w tablicy
• Metody przekształcania tablic
• Ćwiczenie z tablicami
• Co to jest dalej

Ten artykuł jest przeznaczony dla początkujących programistów front-end, którzy uczą się JavaScriptu i chcą lepiej zrozumieć metody pracy z tablicami. W tym artykule omówimy kluczowe metody pracy z tablicami, które pomogą Ci skutecznie manipulować danymi i pogłębić wiedzę na temat języka. Zwróć uwagę na ich zastosowanie, aby poprawić swoje umiejętności programistyczne.

Tekst jest podzielony na trzy części. W pierwszej części skonfigurujemy środowisko pracy, które pozwoli Ci powtarzać przykłady i eksperymentować z tablicami. Jeśli Twoje środowisko jest już skonfigurowane, możesz pominąć tę sekcję.

W drugiej części omówimy główne metody pracy z tablicami w grupach. Wyjaśnimy je prostym językiem, zaczynając od podstawowych i łatwych metod. Pomoże Ci to lepiej zrozumieć, jak efektywnie wykorzystywać tablice w programowaniu i optymalizować kod.

Trzecia część artykułu przedstawia wybór problemów, aby utrwalić materiał. Zalecamy samodzielne ich rozwiązanie, a następnie porównanie wyników z podanymi odpowiedziami. Pomoże Ci to lepiej zrozumieć temat i ocenić Twój poziom wiedzy.

• Konfiguracja środowiska pracy
• Metody dodawania i pobierania elementów

• unshift()
• push()
• shift()
• pop()
• splice()

• Metody tworzenia nowych tablic na podstawie istniejących

• slice()
• concat()
• filter()
• map()

• Metody sprawdzania i iterowania po tablicy

• forEach()
• every()
• some()

• Metody znajdowania elementów i indeksów w tablica

• indexOf()
• lastIndexOf()
• includes()
• find()

• Metody transformacji tablic

• sort()
• reverse()
• reduce()

• Ćwiczenie z tablicami

• Problem z dodawaniem i wyodrębnianiem elementów
• Problem z tworzeniem tablic z bieżących
• Problem z metodą forEach()
• Problem z metodami every() i includes()
• Problem z metodą sort()
• Problem z metodą reduce()

• Co dalej

Konfiguracja środowiska roboczego

Interpreter JavaScript jest zintegrowany z każdą nowoczesną przeglądarką, dzięki czemu jest dostępny bez dodatkowej instalacji. Aby rozpocząć pracę z JavaScript, wystarczy otworzyć przeglądarkę i przejść do konsoli programisty. Pozwala to na natychmiastowe pisanie i testowanie kodu, co jest szczególnie wygodne dla programistów i entuzjastów programowania. Korzystanie z wbudowanego interpretera upraszcza proces nauki i debugowania, umożliwiając użytkownikom szybkie przeglądanie wyników swojej pracy.

Jeśli używasz przeglądarki Google Chrome, najpierw otwórz dowolną stronę internetową. Następnie kliknij prawym przyciskiem myszy stronę i wybierz „Wyświetl kod źródłowy” z menu kontekstowego. Otworzy się okno narzędzi programistycznych, w którym należy przejść do zakładki „Konsola”.

Chociaż zalecamy pozostanie w konsoli programistycznej, lepiej poświęcić kilka minut na skonfigurowanie i uruchomienie JavaScript w edytorze VS Code. Pozwoli to na wydajniejszą pracę z kodem i pełne wykorzystanie funkcji edytora. Skonfigurowanie środowiska programistycznego znacznie uprości proces pisania i debugowania JavaScript, co zwiększy Twoją produktywność.

Otwórz terminal na swoim komputerze i wprowadź następujące polecenie:

Jeśli pojawi się komunikat o błędzie, może to oznaczać, że na Twoim komputerze brakuje Node.js, platformy umożliwiającej wykonywanie kodu JavaScript poza przeglądarką. Instalacja Node.js jest niezbędna do pracy z różnymi narzędziami i bibliotekami wykorzystującymi JavaScript po stronie serwera. Aby rozwiązać ten problem, należy pobrać i zainstalować najnowszą wersję Node.js z oficjalnej strony internetowej. Po instalacji będziesz mógł uruchamiać kod JavaScript i korzystać z możliwości oferowanych przez tę platformę, co znacznie rozszerzy Twoje możliwości programistyczne.

Node.js jest dostępny do pobrania z oficjalnej strony internetowej, gdzie można go zainstalować jako standardowe oprogramowanie. Po zakończeniu instalacji zaleca się ponowne uruchomienie terminala i sprawdzenie, czy instalacja zakończyła się powodzeniem, upewniając się, że na ekranie wyświetla się numer wersji zamiast komunikatu o błędzie. Potwierdza to, że Node.js działa prawidłowo na Twoim urządzeniu.

Zamknij terminal, ponieważ nie będzie już potrzebny. W przyszłości będziemy korzystać z edytora Visual Studio Code. Jeśli jeszcze go nie masz, pobierz i zainstaluj najnowszą wersję z oficjalnej strony internetowej.

W Visual Studio Code otwórz sklep z rozszerzeniami i zainstaluj rozszerzenie Code Runner. Po instalacji w prawym górnym rogu okna edytora pojawi się przycisk uruchamiania kodu. Dzięki temu będziesz mógł szybko i łatwo wykonywać kod, co znacznie uprości proces tworzenia.

Aby dokończyć pracę, utwórz nowy folder w edytorze i dodaj do niego plik o dowolnej nazwie i rozszerzeniu .js. Napisz polecenie testowe w tym pliku, a następnie uruchom Code Runner i upewnij się, że kod JavaScript został pomyślnie wykonany w edytorze.

Masz teraz całą niezbędną wiedzę, aby poznać metody tablicowe. Zalecamy utworzenie osobnego pliku w VS Code dla każdej grupy metod. Uprości to Twoją pracę i sprawi, że proces nauki będzie wygodniejszy i bardziej zorganizowany.

Dowiedz się również:

Visual Studio Code: instalacja, konfiguracja, lokalizacja i skróty klawiszowe. Poznaj wszystko o najpopularniejszym edytorze kodu firmy Microsoft. To potężne narzędzie jest przeznaczone dla programistów i zapewnia wygodne środowisko do pisania i edycji kodu. Instalacja programu Visual Studio Code jest prosta i dostępna dla różnych systemów operacyjnych. Proces konfiguracji pozwala dostosować edytor do osobistych preferencji, w tym do wyboru motywów i rozszerzeń. Lokalizacja sprawia, że ​​praca z edytorem jest wygodniejsza dla użytkowników rosyjskojęzycznych. Co więcej, znajomość skrótów klawiszowych znacznie przyspiesza proces tworzenia i optymalizuje przepływ pracy. Użyj programu Visual Studio Code, aby zwiększyć swoją produktywność i poprawić jakość kodu.

Metody dodawania i pobierania elementów

Najpierw utwórzmy zmienną i przypiszmy jej tablicę zawierającą owoc. Dzięki temu będziemy mogli łatwo zarządzać listą owoców i używać jej w dalszym kodzie.

Teraz dodajmy pierwszy wpis do tablicy owoców.

Przeczytaj także:

W JavaScript istnieją trzy słowa kluczowe do deklarowania Zmienne: var, let i const. Główne różnice między nimi dotyczą widoczności, możliwości przesłaniania wartości oraz podnoszenia (hoistingu).

Zmienna zadeklarowana za pomocą var ma zasięg funkcyjny lub globalny. Oznacza to, że jest dostępna w obrębie funkcji lub w całym skrypcie, jeśli została zadeklarowana poza funkcją. Ponadto zmienne zadeklarowane za pomocą var są podnoszone (hoisting), co pozwala na dostęp do nich przed ich faktyczną deklaracją.

Za pomocą let można deklarować zmienne o zasięgu blokowym. Oznacza to, że taka zmienna jest dostępna tylko w obrębie bloku kodu, w którym została zadeklarowana. let nie jest podnoszone (hoisting), więc dostęp do niej jest możliwy dopiero po deklaracji.

const również ma zasięg blokowy, ale w przeciwieństwie do let służy do deklarowania stałych. Wartość przypisana do zmiennej zadeklarowanej za pomocą const nie może być później zmieniona. To sprawia, że ​​const jest idealnym wyborem dla wartości, które nie powinny się zmieniać.

Zatem wybór między var, let i const zależy od wymagań dotyczących widoczności i zmienności zmiennej. We współczesnym JavaScript zaleca się używanie let i const dla bardziej przewidywalnego i bezpiecznego kodu.

Uzyskajmy dostęp do zmiennej zawierającej naszą tablicę. Używając notacji kropkowej, możemy uzyskać dostęp do metody unshift(), która pozwala nam dodawać elementy na początku tablicy. Wypiszmy niezbędne elementy, które zostaną dodane na początku tej tablicy.

Nowe elementy zostaną dodane na początku tablicy, co zmieni jej długość.

Używamy metody push(), aby dodać elementy na koniec tablicy. Ta metoda pozwala dynamicznie zwiększać rozmiar tablicy, co jest przydatne, gdy trzeba dodać nowe wartości. Na przykład, pracując z tablicami w JavaScript, push() może być używane do dodawania zarówno pojedynczych elementów, jak i wielu wartości jednocześnie, co czyni je użytecznym narzędziem do zarządzania zbiorami danych.

Postanowiliśmy nie dodawać wpisu na początku tablicy, ale chcemy go zapisać. W takich przypadkach z pomocą przychodzi metoda shift(). Metoda ta pobiera pierwszy element z tablicy i, jeśli to konieczne, pozwala zapisać go w nowej zmiennej. Korzystanie z shift() jest wygodne, gdy trzeba pracować z pierwszym elementem tablicy bez jego utraty.

Metoda pop() pozwala usunąć ostatni element tablicy. W tym przypadku nie zapiszemy usuniętego elementu w osobnej zmiennej, ale po prostu wywołamy metodę modyfikującą tablicę. To podejście może być przydatne, gdy nie będzie potrzeby używania usuniętego elementu w przyszłości. Pozwala to uprościć kod i uczynić go bardziej zwięzłym, zwłaszcza w sytuacjach, gdy pracujesz z dużymi tablicami i chcesz zoptymalizować wydajność.

Metoda splice() to niezbędne narzędzie do pracy z tablicami w JavaScript. Umożliwia ona modyfikację zawartości tablicy poprzez dodawanie, usuwanie lub zastępowanie elementów, co może być nieco mylące dla początkujących programistów. Korzystając z metody splice(), możesz zarządzać tablicami bardziej elastycznie i wydajnie, co czyni ją niezastąpioną podczas tworzenia oprogramowania. Zrozumienie działania tej metody pomoże Ci zoptymalizować kod i uprościć manipulację tablicami. Poznanie metody splice() otworzy nowe horyzonty w pracy z tablicami, umożliwiając tworzenie bardziej złożonych i dynamicznych aplikacji.

Rozbicie składni na poszczególne elementy pozwala zrozumieć, że nie ma w tym procesie nic skomplikowanego. Zrozumienie struktury języka i jego elementów ułatwia naukę składni i jej używanie. Stopniowe opanowywanie poszczególnych części składni pomaga w zrozumieniu i stosowaniu reguł języka. Dzięki starannemu podejściu do szczegółów, opanowanie składni staje się przystępne i zrozumiałe.

• start to początkowy indeks elementu tablicy, od którego chcemy rozpocząć zmianę. Ten parametr może przyjmować indeksy ujemne, które wskazują pozycję elementu od końca tablicy.
• deleteCount to liczba elementów, które chcemy usunąć z tablicy. Jeśli podasz 0, wszystkie elementy pozostaną. A jeśli nie podasz żadnej wartości, metoda usunie wszystkie elementy, zaczynając od indeksu początkowego — tego, który podaliśmy w parametrze start.
• item1, item2, ... to lista nowych elementów, które mają zostać dodane po indeksie początkowym. Te elementy są opcjonalne.

Metoda splice() w JavaScript to potężne narzędzie do pracy z tablicami. Pozwala ona nie tylko usuwać elementy, ale także dodawać nowe, zmieniając oryginalną tablicę. Przyjrzyjmy się kilku przykładom użycia metody splice().

Używając metody splice(), możesz usunąć określoną liczbę elementów, zaczynając od określonej pozycji. Na przykład, aby usunąć trzy elementy, zaczynając od indeksu 2, możesz użyć następującego kodu:

«`javascript
let array = [1, 2, 3, 4, 5];
array.splice(2, 3);
console.log(array); // Wynik: [1, 2]
«`

Metody splice() możesz również użyć do dołączenia elementów do tablicy. Na przykład, aby dodać nowe elementy do tablicy, możesz określić indeks, od którego ma rozpocząć się wstawianie, oraz liczbę elementów do usunięcia:

«`javascript
let array = [1, 2, 3, 4, 5];
array.splice(2, 0, 6, 7);
console.log(array); // Wynik: [1, 2, 6, 7, 3, 4, 5]
«`

Metoda splice() pozwala również modyfikować istniejące elementy tablicy. Na przykład, możesz zastąpić jeden element innym:

«`javascript
let array = [1, 2, 3, 4, 5];
array.splice(2, 1, 6);
console.log(array); // Wyjście: [1, 2, 6, 4, 5]
«`

Używanie metody splice() w JavaScript sprawia, że ​​praca z tablicami jest bardziej elastyczna i wydajna, umożliwiając programistom łatwe manipulowanie ich zawartością. Należy pamiętać, że ta metoda modyfikuje oryginalną tablicę, co może być zarówno zaletą, jak i wadą w zależności od kontekstu.

Najpierw usuńmy kilka elementów z centralnej części tablicy. Pozwoli nam to zoptymalizować strukturę danych i poprawić wydajność. Usuwanie elementów ze środka tablicy można przeprowadzić różnymi metodami, w zależności od używanego języka programowania i wymagań wydajnościowych. Należy pamiętać, że usuwanie elementów może spowodować przesunięcie pozostałych wartości, dlatego konieczna jest poprawna aktualizacja indeksów. Dlatego proces usuwania elementów z tablicy wymaga ostrożności i precyzji, aby zachować integralność danych i ich dostępność do dalszej pracy.

Wypełnij tablicę nowymi elementami, zastępując usunięte wartości. Pozwoli nam to na sprawną aktualizację danych przy jednoczesnym zachowaniu struktury i integralności macierzy. Takie podejście zapewnia bardziej elastyczne zarządzanie macierzami i zoptymalizowaną pracę z nimi. Należy zadbać o prawidłową wymianę elementów, aby uniknąć utraty ważnych informacji i zapewnić prawidłowe działanie aplikacji.

Zaktualizuj kilka przestarzałych elementów na nowe. Poprawi to funkcjonalność i wygląd witryny, a także zwiększy jej wydajność. Zastąpienie przestarzałych komponentów nowoczesnymi rozwiązaniami optymalizuje doświadczenie użytkownika i sprawia, że ​​zasób jest bardziej przydatny w ciągle zmieniającym się cyfrowym świecie. Nowoczesne elementy zapewniają również lepszą kompatybilność z nowymi technologiami i urządzeniami.

W tej macierzy usuniemy wszystkie „owoce”, pozostawiając tylko dwa. Pozwoli nam to skupić się na niezbędnych elementach i zoptymalizować dane do dalszej pracy. To podejście upraszcza zarządzanie tablicami i ułatwia analizę oraz przetwarzanie.

Metody tworzenia nowych tablic na podstawie istniejących

Metody z tej grupy zwracają nową tablicę, podczas gdy oryginalne dane pozostają niezmienione. W ramach ćwiczeń utworzymy oryginalną tablicę, do której zastosujemy te metody.

Metoda slice() służy do tworzenia nowej tablicy zawierającej kopię określonego zakresu elementów z oryginalnej tablicy. Metoda ta nie modyfikuje oryginalnej tablicy i pozwala wyodrębnić elementy poprzez określenie indeksów początkowego i końcowego. Dzięki temu slice() jest wygodnym narzędziem do pracy z tablicami w JavaScript, umożliwiającym łatwe manipulowanie danymi i tworzenie podtablic w razie potrzeby.

Składnia to zestaw reguł definiujących strukturę i kolejność elementów w języku. Zrozumienie składni pomaga w budowaniu zdań i poprawnym stosowaniu konstrukcji językowych. Ważne jest, aby zwracać uwagę na podstawowe aspekty, takie jak gramatyka, interpunkcja i styl. Znajomość składni pomaga uniknąć błędów i sprawia, że ​​tekst jest bardziej zrozumiały. Poprawne użycie składni poprawia również zrozumienie tekstu przez czytelnika i sprzyja skuteczniejszej komunikacji. Zrozumienie składni pomoże Ci tworzyć wysokiej jakości treści, które przyciągną uwagę i spełnią wymagania wyszukiwarek.

• start to indeks początkowy, od którego elementy będą kopiowane. Jeśli zostanie pominięty, wszystkie elementy będą rozpoczynać się od indeksu zero.
• end to indeks końcowy, do którego elementy będą kopiowane. Jeśli zostanie pominięty, wszystkie elementy od indeksu początkowego do końca wybranej tablicy zostaną skopiowane.

Indeksy początkowy i końcowy można określić jako wartości ujemne. Oznacza to, że elementy są indeksowane od końca tablicy. Użycie indeksów ujemnych pozwala na bardziej elastyczną pracę z danymi, ułatwiając dostęp do ostatnich elementów tablicy bez konieczności obliczania ich indeksów dodatnich.

Metoda concat() umożliwia łączenie wielu tablic w jedną. Metoda ta zapewnia również możliwość dodawania dodatkowych wartości do połączonych tablic. Za pomocą concat() można efektywnie zarządzać tablicami i tworzyć nowe tablice zawierające elementy z wielu źródeł. Dzięki temu metoda ta jest szczególnie przydatna podczas pracy z danymi, gdy zachodzi potrzeba zebrania elementów z różnych tablic w jednym miejscu.

Metoda filter() w JavaScript umożliwia efektywne iterowanie po tablicy i wybieranie tych elementów, które spełniają określony warunek. Warunek jest określany za pomocą funkcji zwrotnej, która jest wykonywana dla każdego elementu tablicy. Jeśli żaden element nie spełnia warunku, metoda filter() zwraca nową pustą tablicę. Ta metoda to potężne narzędzie do pracy z danymi, umożliwiające łatwe filtrowanie tablic i pobieranie tylko niezbędnych wartości, co zwiększa czytelność i optymalizuje kod.

Tworzenie pustej tablicy w programowaniu to ważne zadanie. Pusta tablica to struktura danych, która nie zawiera elementów, ale jest gotowa na ich dodanie. Na przykład w języku programowania JavaScript do utworzenia pustej tablicy używana jest następująca składnia: const emptyArray = [];. Pozwala to programistom na późniejsze dodanie niezbędnych danych do tablicy. W innych językach programowania, takich jak Python, pustą tablicę tworzy się w podobny sposób, używając nawiasów kwadratowych: empty_array = []. Utworzenie pustej tablicy stanowi podstawę pracy z danymi dynamicznymi, umożliwia efektywne zarządzanie zasobami i jest organicznie adaptowalne do różnych zadań.

Metoda map() umożliwia dostęp do każdego elementu oryginalnej tablicy poprzez zastosowanie do nich funkcji zwrotnej. Wyniki tych przekształceń są zapisywane w nowej tablicy. Jest to przydatne narzędzie w JavaScript, które upraszcza pracę z tablicami, umożliwiając łatwą transformację danych. Za pomocą metody map() można wykonywać operacje takie jak zmiana wartości, filtrowanie lub obliczanie nowych wartości na podstawie istniejących. Użycie tej metody poprawia czytelność kodu i upraszcza obsługę tablic w JavaScript.

Metody sprawdzania i iterowania po tablicy

Metody z tej grupy nie modyfikują oryginalnej tablicy, a jedynie wykonują określone operacje na przekazanej tablicy i zwracają wynik. Przyjrzyjmy się przykładowi pojazdów.

Metoda forEach() w JavaScript została zaprojektowana do iterowania po każdym elemencie tablicy za pomocą funkcji zwrotnej. W przeciwieństwie do metody map(), która zwraca nową tablicę z przekształconymi wartościami, forEach() nie tworzy nowej tablicy ani nie modyfikuje oryginalnej. Pozwala to na wykonywanie określonych działań na każdym elemencie, na przykład wyświetlanie ich na ekranie lub zmianę stanu zmiennych, bez zapisywania wyników w nowej tablicy. Metoda forEach() to wygodna alternatywa dla pętli for, zapewniająca bardziej zwarty i czytelny kod do pracy z tablicami.

Jeśli potrzebujesz wyświetlić listę pojazdów w tablicy, metoda forEach() idealnie nadaje się do tego celu. Pozwala ona na iteracyjne przeglądanie każdego elementu tablicy i wykonywanie określonych czynności. Ta metoda jest szczególnie wygodna, gdy po prostu chcesz wyświetlić lub przetworzyć dane bez ich zmiany. Używając metody forEach(), możesz łatwo pracować z tablicami bez martwienia się o zwracanie nowych tablic lub wartości. Dzięki temu jest to idealne narzędzie do analizy i wizualizacji informacji o pojazdach w kodzie.

Przepisywanie kodu za pomocą pętli for staje się bardziej uciążliwe w porównaniu z metodą forEach(). Główną różnicą jest to, że metoda forEach() zawsze przechodzi przez wszystkie elementy tablicy, podczas gdy pętlę for można przerwać poleceniem break. Dlatego podczas pracy z tablicami zaleca się używanie metody forEach() jako bardziej przejrzystego i zrozumiałego sposobu iterowania po elementach. To nie tylko upraszcza kod, ale także czyni go bardziej czytelnym i łatwiejszym w utrzymaniu.

Metoda every() sprawdza każdy element tablicy za pomocą funkcji zwrotnej i zwraca wartość logiczną true, jeśli wszystkie elementy spełniają zadany warunek. Jeśli przynajmniej jeden element nie spełnia warunku, metoda every() zwróci false. Ta metoda jest przydatna do walidacji danych i filtrowania tablic, zapewniając niezawodne sprawdzenie zgodności z kryteriami.

Metoda some() w JavaScript pozwala sprawdzić, czy przynajmniej jeden element tablicy spełnia zadany warunek. Jeśli zostanie znalezione przynajmniej jedno dopasowanie, metoda zwróci true. W przeciwnym razie, jeśli nie będzie dopasowań, wynikiem będzie false. Warto zauważyć, że metoda some() kończy działanie po znalezieniu pierwszego dopasowania, co czyni ją skuteczną w szybkim wyszukiwaniu odpowiednich elementów w tablicy. Zatem metoda some() jest użytecznym narzędziem do sprawdzania warunków w tablicy bez konieczności iterowania po wszystkich jej elementach.

Metody wyszukiwania elementów i indeksów w tablicy

Ta grupa metod służy do wyszukiwania określonych elementów w tablicy, określania ich indeksów lub sprawdzania ich obecności. Rozważmy, jak skutecznie wyszukiwać sprzęt sportowy za pomocą tych metod.

Metoda indexOf służy do wyszukiwania elementu w tablicy i przyjmuje dwa argumenty: element do wyszukania oraz indeks, od którego ma rozpocząć się wyszukiwanie. Jeśli tablica zawiera wiele identycznych elementów, metoda indexOf zwraca tylko indeks pierwszego wystąpienia. Jeśli szukanego elementu nie ma w tablicy, metoda zwraca wartość -1, co oznacza, że ​​element nie został znaleziony. Ta metoda jest przydatna podczas pracy z tablicami, gdy trzeba określić pozycję określonej wartości lub sprawdzić jej obecność.

Składnia to zestaw reguł definiujących strukturę i kolejność elementów w języku programowania lub języku znaczników. Zrozumienie składni jest kluczem do efektywnego pisania kodu i pracy z różnymi językami programowania, w tym HTML, CSS i JavaScript.

Każdy język ma swoje własne, unikalne reguły, które określają sposób organizacji poleceń, funkcji i zmiennych. Na przykład HTML używa znaczników do tworzenia struktury dokumentu, podczas gdy CSS używa selektorów do stylizowania elementów. Poprawne stosowanie składni zapewnia poprawne wykonywanie kodu i poprawia jego czytelność.

Błędy składniowe mogą spowodować awarię aplikacji lub nieprawidłowe wyświetlanie stron internetowych. Dlatego ważne jest, aby zwracać uwagę na pisanie poprawnego kodu i przestrzeganie ustalonych standardów.

Nauka składni to pierwszy krok do zostania mistrzem programowania. Zrozumienie podstaw składni pomoże programistom tworzyć bardziej złożone i funkcjonalne projekty, a także uprości proces debugowania i utrzymywania kodu.

• searchElement to element, który chcemy znaleźć w tablicy.
• fromIndex to numer indeksu, od którego powinno rozpocząć się wyszukiwanie. Jeśli ten parametr nie zostanie określony, wyszukiwanie rozpocznie się od początku tablicy.

Określmy indeks pierwszej piłki do koszykówki. Pozwoli nam to lepiej zrozumieć jej znaczenie i wpływ na grę. Piłka do koszykówki jest kluczowym elementem w koszykówce, a jej indeks pomaga ocenić jakość i właściwości piłki. Prawidłowy wybór piłki wpływa na wydajność gry i komfort graczy. Indeks może obejmować takie parametry, jak rozmiar, waga i materiał. Cechy te są ważne zarówno dla drużyn profesjonalnych, jak i amatorskich, ponieważ wpływają na kontrolę piłki i jej trwałość.

Znalezienie indeksu drugiej piłki do koszykówki. Proces ten polega na wykorzystaniu różnych metod w celu określenia unikalnego identyfikatora piłki, co pozwala nam łatwo śledzić jej właściwości i wydajność. Ważne jest, aby wziąć pod uwagę takie parametry, jak rozmiar, waga i materiał, z którego wykonana jest piłka. Wyjaśnienie indeksu drugiej piłki do koszykówki może pomóc w wyborze odpowiedniego sprzętu do treningu lub zawodów. Zatem prawidłowe podejście do znajdowania i identyfikowania piłki do koszykówki zapewni jej optymalne wykorzystanie w grze.

Teraz spróbujmy znaleźć element, którego brakuje w tablicy.

Metoda lastIndexOf() w JavaScript służy do znajdowania określonego elementu w tablicy, zaczynając od końca. Działa podobnie do metody indexOf(), ale zwraca indeks ostatniego wystąpienia elementu. Jeśli element nie zostanie znaleziony, metoda zwraca -1. Metoda lastIndexOf() jest przydatna w sytuacjach, gdy konieczne jest określenie ostatniej pozycji elementu w tablicy, co może być istotne dla przetwarzania danych lub analizy kolekcji. Użycie tej metody pozwala na efektywne znajdowanie elementów i zarządzanie tablicami w JavaScript.

Znajdźmy indeks ostatniej piłki do koszykówki w tablicy. Proces ten polega na określeniu pozycji elementu odpowiadającego piłce do koszykówki w tablicy danych. Do realizacji tego zadania możemy użyć różnych metod, w tym pętli do iterowania po elementach tablicy lub wbudowanych funkcji dostępnych w językach programowania. Znalezienie prawidłowego indeksu ostatniej piłki do koszykówki w tablicy może być przydatne do analizy danych lub przetwarzania informacji w aplikacjach sportowych.

Metoda lastIndexOf() w JavaScript pozwala znaleźć ostatnie wystąpienie danej wartości w ciągu znaków lub tablicy. Dodanie drugiego argumentu, który określa indeks, od którego ma rozpocząć się wyszukiwanie, może znacząco zmienić wynik. Ten indeks wskazuje pozycję w ciągu znaków lub tablicy, od której ma rozpocząć się wyszukiwanie wsteczne. Jeśli podany indeks przekracza długość ciągu znaków lub tablicy, wyszukiwanie rozpocznie się od końca. Zatem użycie drugiego argumentu w lastIndexOf() zapewnia bardziej precyzyjną kontrolę nad procesem wyszukiwania i umożliwia wyszukiwanie wystąpień na podstawie określonych warunków.

Zmieńmy drugi argument, aby uwzględnić element w zaznaczeniu. Pozwoli to na dokładniejsze wskazanie żądanego obiektu i poprawę wyników przetwarzania danych. Ustawienie argumentu zapewni poprawne uwzględnienie elementu w zaznaczeniu i zwiększy wydajność pracy z informacjami.

Metoda includes() w JavaScript zwraca wartość logiczną: true lub false. Wynik zależy od obecności określonego elementu w tablicy. Opcjonalnie można określić indeks, od którego ma rozpocząć się skanowanie, co pozwala na dokładniejsze kontrolowanie procesu przeszukiwania tablicy. Użycie metody include() upraszcza pracę z tablicami poprzez szybkie wykrywanie obecności elementów. Dzięki temu jest to niezbędne narzędzie dla programistów pracujących z tablicami w JavaScript.

Metoda find() służy do znajdowania elementu w tablicy na podstawie określonych warunków. Jako argument przyjmuje funkcję zwrotną, która definiuje kryteria wyszukiwania. Jeśli zostanie znaleziony element spełniający te kryteria, metoda find() go zwróci. W przeciwnym razie, jeśli żaden element nie spełnia warunków, metoda zwróci wartość undefined. Ta metoda jest przydatnym narzędziem do pracy z tablicami, umożliwiającym efektywne wyszukiwanie potrzebnych danych.

Szukam piłki do siatkówki. Ten sprzęt sportowy jest kluczowym elementem gry w siatkówkę. Wybierając piłkę do siatkówki, należy wziąć pod uwagę kilka czynników: rozmiar, materiał i przeznaczenie. W zależności od poziomu gry i warunków, w jakich planowany jest trening lub mecz, można wybrać siatkówkę plażową lub halową. Zwróć uwagę na takie cechy, jak waga i stopień elastyczności, ponieważ wpływają one na jakość gry. Znajdź odpowiednią piłkę do siatkówki, która zapewni Ci komfort i przyjemność.

Rozważmy alternatywy poza piłką. Odkryjmy nowe możliwości i poznajmy różne przedmioty, które mogą być interesujące i przydatne. Może to być coś, co sprzyja rozwojowi umiejętności, poprawia aktywność fizyczną lub po prostu sprawia przyjemność. Na przykład skakanka, obręcze lub inny sprzęt sportowy może być świetnym zamiennikiem. Możesz również rozważyć ćwiczenia z przedmiotami rozwijającymi koordynację i zwinność, takimi jak frisbee lub joga z piłką. Te opcje urozmaicą Twoje treningi i pomogą Ci osiągnąć nowe cele fitness.

Metody transformacji tablic

Te metody pozwalają sortować, odwracać i wyodrębniać pojedynczą wartość z tablicy. Spójrzmy na przykład niezdrowego fast foodu. Możemy zastosować różne podejścia do analizy danych dotyczących popularnych fast foodów, ich kaloryczności i składu. Pomoże nam to lepiej zrozumieć, jak często spożywanie fast foodów wpływa na zdrowie i których produktów należy unikać. Eksperymentując z danymi, możemy zidentyfikować najbardziej niezdrowe opcje i porównać je na podstawie różnych kryteriów, takich jak zawartość tłuszczu, węglowodanów i kalorii.

Metoda sort() w JavaScript służy do sortowania elementów tablicy w określonej kolejności. Modyfikuje ona oryginalną tablicę i zwraca posortowaną wersję tej tablicy. Korzystając z metody sort(), należy pamiętać, że domyślnie elementy są sortowane w kolejności leksykograficznej, co może prowadzić do nieoczekiwanych wyników podczas sortowania liczb. Aby poprawnie posortować liczby, należy przekazać funkcje porównania jako argument. Metoda sort() jest zatem potężnym narzędziem do porządkowania danych w tablicach, co czyni ją niezbędną w tworzeniu aplikacji internetowych.

Domyślnie elementy tablicy są sortowane w kolejności leksykograficznej, co oznacza, że ​​są porównywane jako ciągi znaków. Jeśli tablica zawiera liczby, metoda sort() konwertuje je na ciągi znaków i sortuje według kodów znaków Unicode. Dotyczy to również emoji. Należy pamiętać, że ten typ sortowania nie zawsze daje oczekiwane rezultaty, jeśli tablica zawiera różne typy danych. Aby uniknąć nieoczekiwanych rezultatów, zaleca się wstępne rzutowanie elementów tablicy na ten sam typ danych przed sortowaniem.

Nasz asortyment obejmuje burgera i pizzę.

• U+1F354 to Unicode dla burgera?
• U+1F355 to Unicode dla pizzy?

Symbol burgera ma niższy punkt kodowy Unicode, co oznacza, że ​​w kolejności leksykograficznej będzie on znajdował się przed symbolem pizzy. Podobną sytuację obserwuje się w przypadku innych emoji.

Metoda sort() w JavaScript umożliwia sortowanie tablic według różnych kryteriów. Na przykład, możesz posortować tablicę ciągów znaków według ich długości, zaczynając od najkrótszego. Aby to zrobić, musisz utworzyć funkcję wywołania zwrotnego, która porówna długości ciągów znaków. Zastosujmy tę metodę do tablicy zawierającej ciągi znaków z emoji i przeanalizujmy, jak wpływa ona na kolejność sortowania.

Metoda reverse() zmienia kolejność elementów w tablicy, przesuwając ostatni element na pierwszą pozycję, a pierwszy na ostatnią. Ta metoda pozwala szybko odwrócić tablicę, zapewniając prostotę i wydajność podczas pracy z danymi. Korzystanie z metody reverse() może być przydatne w różnych scenariuszach, takich jak przetwarzanie list, porządkowanie danych czy tworzenie sekwencji odwrotnych. Odwrócenie tablicy to jedna z podstawowych operacji, które mogą usprawnić pracę z kolekcjami w JavaScript.

Jeśli sprawdzisz indeks pierwszego elementu, okaże się, że jest to kawałek ciasta, a nie pizza. Oznacza to, że kolejność elementów w tablicy została zmieniona. Zmiana kolejności elementów w tablicy może wpłynąć na logikę przetwarzania danych i ich prezentację. Ważne jest, aby wziąć ten aspekt pod uwagę, zwłaszcza podczas pracy z tablicami w programowaniu, aby uniknąć nieporozumień i zapewnić prawidłowe przetwarzanie danych.

Metoda reduce() w JavaScript pozwala na sekwencyjne zastosowanie funkcji zwrotnej do każdego elementu tablicy. Przechowuje ona wynik pośredni i zwraca wartość końcową. Metoda ta może być używana do wykonywania różnych operacji, takich jak łączenie ciągów znaków, obliczanie sumy liczb i inne manipulacje danymi. Metoda reduce() to potężne narzędzie do przetwarzania tablic, pozwalające zoptymalizować kod i poprawić jego czytelność.

Przyjrzyjmy się temu procesowi krok po kroku.

• Funkcja otrzymuje wartość początkową.
• Przechodzi do pierwszego elementu tablicy i wartości początkowej.
• Uzyskuje wynik pośredni, który staje się nową wartością początkową.
• Funkcja przechodzi do następnego elementu tablicy i zaktualizowanej wartości początkowej.
• Proces jest powtarzany, aż funkcja przejdzie przez wszystkie elementy.

Metoda reduce() jest jedną z najtrudniejszych do zrozumienia w JavaScript. Aby ułatwić jej zrozumienie, używamy tablicy liczb zamiast tablicy emoji. Pomoże to lepiej zrozumieć, jak działa ta metoda. Metoda reduce() pozwala na sekwencyjne przetwarzanie elementów tablicy, redukując je do pojedynczej wartości, co czyni ją potężnym narzędziem do pracy z danymi. W dalszej części przyjrzymy się, jak używać metody reduce() do wykonywania różnych operacji na tablicach liczb.

Metoda reduce() w JavaScript umożliwia iteracyjne przeglądanie elementów tablicy, redukując je do pojedynczej wartości. W każdym kroku iteracji metoda przyjmuje dwa parametry: akumulator i wartość bieżącą. Akumulator gromadzi wynik, który zostanie zwrócony po zakończeniu wszystkich iteracji, a wartość bieżąca reprezentuje element tablicy przetwarzany w bieżącym kroku.

Stosując metodę reduce(), można wykonywać różne operacje, takie jak sumowanie liczb, łączenie ciągów znaków, a nawet tworzenie złożonych obiektów. Metoda reduce() to potężne narzędzie do pracy z tablicami, pozwalające programistom tworzyć wydajne i zwięzłe rozwiązania.

Teraz przyjrzyjmy się, jak metoda reduce() działa w każdym kroku. Przy pierwszym wywołaniu funkcji akumulator i wartość bieżąca będą równe pierwszemu elementowi tablicy. W kolejnych iteracjach akumulator jest aktualizowany, a bieżąca wartość jest zmieniana na kolejny element tablicy, aż do przetworzenia wszystkich elementów. Ostatecznie metoda zwraca wartość końcową, będącą wynikiem wszystkich operacji wykonanych na elementach tablicy.

Używanie metody reduce() nie tylko upraszcza kod, ale także poprawia jego czytelność, czyniąc ją niezbędnym narzędziem w arsenale programisty JavaScript.

Metoda reduce() w JavaScript służy do przetwarzania tablic, umożliwiając redukcję ich do pojedynczej wartości. Składnia metody jest następująca:

«`javascript
array.reduce((accumulator, currentValue, index, array) => {
// function body
}, initialValue);
«`

W tej składni `accumulator` to wartość akumulatora kumulowana w każdej iteracji. `currentValue` reprezentuje bieżący element przetwarzanej tablicy. Parametry `index` i `array` są opcjonalne i zapewniają dostęp odpowiednio do indeksu bieżącego elementu i całej tablicy. `initialValue` to wartość początkowa akumulatora, używana podczas pierwszej iteracji. Jeśli nie zostanie określona, ​​pierwszy element tablicy zostanie użyty jako wartość początkowa, a iteracja rozpocznie się od drugiego elementu.

Metoda reduce() jest przydatna do wykonywania operacji takich jak sumowanie wartości, łączenie tablic, transformacja obiektów i innych.

• callback to funkcja, która będzie wywoływana dla każdego elementu tablicy. Może przyjmować cztery argumenty:

• accumulator to skumulowana wartość, która jest aktualizowana po każdym wywołaniu funkcji.
• currentValue to bieżący element przetwarzanej tablicy.
• currentIndex to indeks aktualnie przetwarzanego elementu. Ten parametr jest opcjonalny, jeśli określono initialValue.
• array to sama tablica, dla której wywołujemy metodę reduce(). Jest to również opcjonalny parametr, jeśli określono wartość początkową (initialValue).

• Wartość początkowa (initialValue) to wartość początkowa akumulatora, od której rozpoczyna się akumulacja. Jeśli nie zostanie przekazana, wartość początkowa będzie pierwszym elementem tablicy, a iteracja rozpocznie się od drugiego elementu.

Aby lepiej zrozumieć składnię metody reduce() w JavaScript, możesz użyć poniższego kodu. Uruchom go i uważnie obserwuj zmiany w każdej iteracji. To pozwoli Ci lepiej zrozumieć, jak ta metoda działa i jak można ją zastosować do przetwarzania tablic. Metoda reduce() służy do sekwencyjnego przetwarzania elementów tablicy, redukując je do pojedynczej wartości, co czyni ją niezbędnym narzędziem w programowaniu funkcyjnym.

Ćwiczenie z tablicami

Praca z tablicami jest kluczowym aspektem efektywnego programowania i ważną częścią nauki popularnych frameworków, takich jak React. Im więcej ćwiczysz z tablicami, tym lepiej rozumiesz ich funkcjonalność i zastosowanie. W tej sekcji przedstawiono zadania poświęcone pracy z tablicami, które omówiliśmy w poprzednim artykule. Zadania te pomogą Ci pogłębić wiedzę i umiejętności w tym obszarze.

Stwórz listę zakupów zawierającą warzywa. Utwórz tablicę dla tej listy i dodaj nowe warzywo na początku i na końcu tablicy. Następnie dodaj kilka kolejnych warzyw i usuń wszystkie owoce z tablicy.

Rozwiązanie problemu wymaga kompleksowego podejścia i dogłębnej analizy sytuacji. Ważne jest, aby uwzględnić wszystkie aspekty, które mogą wpłynąć na wynik. Skuteczne rozwiązanie powinno opierać się na jasnym zrozumieniu problemu, a także dostępnych zasobów i możliwości.

Aby osiągnąć najlepszy rezultat, zaleca się stosowanie sprawdzonych metod i dostosowywanie ich do konkretnej sytuacji. Dyskusje z ekspertami w tej dziedzinie mogą pomóc w odkryciu nowych perspektyw i strategii.

Warto również zwrócić uwagę na potencjalne ryzyko i konsekwencje proponowanych rozwiązań. Konieczne jest również uwzględnienie opinii wszystkich zainteresowanych stron, aby zapewnić wsparcie i zrozumienie na wszystkich etapach wdrażania. Właściwe rozwiązanie musi być nie tylko skuteczne, ale także zrównoważone w perspektywie długoterminowej.

Dlatego staranna analiza, rozważenie różnych opcji i uwzględnienie opinii ekspertów pomogą znaleźć optymalne rozwiązanie w obecnej sytuacji.

W trzech ogrodach zoologicznych żyją różnorodne gatunki zwierząt. Każde z nich oferuje unikalną kolekcję fauny, w tym ssaki, ptaki, gady i inne zwierzęta. Dzięki temu odwiedzający mogą zobaczyć rzadkie i egzotyczne gatunki, a także dowiedzieć się więcej o ich siedliskach i zachowaniach. Ogrody zoologiczne odgrywają ważną rolę w badaniu i ochronie różnorodności biologicznej, a także w edukacji społeczeństwa na temat znaczenia ochrony przyrody.

• W pierwszym zoo: ? wiewiórka, ? wiewiórka, ? lew, ??? trzy orły, ? małpa, ? wąż, ? sowa, ? słoń, ? żółw, ? niedźwiedź.
• W drugim zoo: ? panda, ? koala, ? kaczka, ? żyrafa, ??? trzy papugi, ? orzeł, ? tygrys, ? pingwin, ? ośmiornica, ? motyl, ? jeż.
• W trzecim zoo: ? żaba, ? małpa, ?? dwa orły, ??? trzy papugi, ? żyrafa, ? wąż, ? żółw, ? lis.

Utwórz osobne tablice dla zwierząt z każdego zoo, nazywając je zoo1, zoo2 i zoo3. Następnie połącz wszystkie trzy tablice w jedną wspólną tablicę, która będzie nazywać się allAnimals. Umożliwi to efektywne zarządzanie listą zwierząt i uprości dalszą pracę z danymi.

Wybierz wszystkie orły i papugi ze wspólnej tablicy allAnimals. Zapisz je w nowej tablicy eaglesParrots. Wyślij orły i papugi do kliniki weterynaryjnej i zapisz wynik w nowej tablicy treatmentAnimals. Proces ten pozwala na efektywne zarządzanie zwierzętami, zapewniając im niezbędną opiekę medyczną.

Podejmowanie decyzji jest kluczowym krokiem w rozwiązaniu problemu lub osiągnięciu celu. Obejmuje analizę sytuacji, generowanie alternatyw i wybór najlepszej opcji. Skuteczne podejmowanie decyzji wymaga nie tylko logicznego myślenia, ale także kreatywności, która pozwala na niekonwencjonalne podejście. Ważne jest, aby rozważyć wszystkie możliwe konsekwencje i ryzyko związane z wybraną metodą. Ustrukturyzowane podejście do rozwiązywania problemów pomaga zwiększyć efektywność i zmniejszyć prawdopodobieństwo błędów. Rozpoznanie potrzeby rozwiązania i jego terminowe opracowanie odgrywają znaczącą rolę w pomyślnym zakończeniu każdego projektu.

Masz tablicę zawierającą różne typy pojazdów. Tablica ta może obejmować samochody, motocykle, rowery, ciężarówki i inne rodzaje transportu. Każdy element tablicy jest oddzielnym obiektem, który może zawierać informacje o marce, modelu, roku produkcji i innych cechach pojazdu. Korzystając z tej tablicy, możesz sortować, filtrować i analizować dane, co pomoże Ci lepiej zrozumieć różnorodność pojazdów i ich cechy. To podejście może być przydatne zarówno do użytku osobistego, jak i do tworzenia aplikacji związanych z transportem i logistyką.

Utwórz program, który generuje informacje o każdym pojeździe na konsoli w następującym formacie:

Wysokiej jakości treści zoptymalizowane pod kątem SEO są kluczowe dla skutecznej promocji Twojej witryny w wyszukiwarkach. Używanie słów kluczowych pasujących do tematu pomaga zwiększyć widoczność i przyciągnąć grupę docelową. Ważne jest tworzenie unikalnych i informacyjnych treści, które odpowiadają na pytania użytkowników i rozwiązują ich problemy. Regularne aktualizowanie starych materiałów i dodawanie nowych artykułów pomaga utrzymać aktualność witryny. Nie zapomnij również o strukturze tekstu: nagłówki, podtytuły i listy poprawiają jego czytelność. Postępuj zgodnie z tymi zaleceniami, aby poprawić pozycję w wyszukiwarkach i zwiększyć ruch na swojej stronie.

Rozwiązanie problemu wymaga kompleksowego podejścia i dogłębnej analizy. Przede wszystkim, aby skutecznie poradzić sobie z zadaniem, konieczne jest zidentyfikowanie przyczyny problemu. Wykorzystanie nowoczesnych metod i technologii może znacznie uprościć ten proces. Ważne jest również rozważenie różnych opcji rozwiązań i ocena ich zalet i wad. Zastosowanie praktycznych zaleceń i strategii zoptymalizuje wyniki i pomoże osiągnąć cele. Pamiętaj o regularnej ocenie wyników i dostosowywaniu działań do zmieniających się warunków. Systematyczne podejście do rozwiązania pozwoli Ci osiągnąć najlepsze rezultaty i zapewnić zrównoważony rozwój.

W sekcji poświęconej metodzie every() użyliśmy pętli for do iteracji po wszystkich pojazdach naziemnych. Teraz przepisz kod, zastępując pętlę metodą includes() w ciele funkcji. Po wprowadzeniu zmian przetestuj wynik.

Decyzja to ważny etap w procesie decyzyjnym, który wymaga analizy i oceny różnych czynników. Skuteczne rozwiązanie pomaga osiągnąć cele i zoptymalizować wyniki. Przemyślane podejście do rozwiązywania problemów obejmuje gromadzenie informacji, rozważanie alternatyw i ocenę konsekwencji. Kluczowe jest krytyczne myślenie i umiejętność adaptacji do zmieniających się warunków. Ważne jest nie tylko znalezienie odpowiedzi, ale także zrozumienie, jak wpływa ona na szerszy obraz. Optymalizacja decyzji pomaga usprawnić procesy i zwiększyć wydajność pracy.

Masz szereg naczyń i musisz je posortować według długości ich opisów. Sortowanie powinno odbywać się od najkrótszego do najdłuższego opisu. Po zakończeniu sortowania wyświetl wynik w konsoli. Umożliwi to uporządkowanie dań według opisów, co może być przydatne w celu poprawy komfortu użytkowania i nawigacji po menu.

Podejmowanie decyzji to ważny krok w procesie osiągania celów i pokonywania wyzwań. Może ono obejmować analizę sytuacji, identyfikację możliwych alternatyw i wybór najlepszego podejścia. Skuteczne rozwiązanie wymaga starannego planowania i oceny konsekwencji. Zastosowanie logicznego myślenia i kreatywności pomaga znaleźć optymalne odpowiedzi na pojawiające się problemy. Ważne jest również uwzględnienie opinii ekspertów i zebranie informacji z wiarygodnych źródeł, aby podjąć świadomą decyzję. W rezultacie prawidłowo dobrane działania przyczyniają się do pomyślnej realizacji planów i zwiększają prawdopodobieństwo osiągnięcia pożądanego rezultatu.

Masz tablicę ciągów znaków zawierających nazwy owoców. Musisz policzyć całkowitą liczbę liter we wszystkich tych ciągach. Pomoże Ci to lepiej zrozumieć, jak działa manipulacja ciągami znaków i liczenie znaków w programowaniu.

Rozwiązanie problemu wymaga kompleksowego podejścia. Ważne jest, aby uwzględnić wszystkie aspekty i czynniki wpływające na sytuację. Skuteczne rozwiązanie opiera się na analizie aktualnych danych, identyfikacji przyczyn źródłowych i opracowaniu strategii eliminowania negatywnych konsekwencji. Poszukując rozwiązania, konieczne jest również zaangażowanie doświadczonych specjalistów, aby zapewnić wysoki poziom niezawodności i skuteczności wdrożonych działań. Zminimalizuje to ryzyko i zwiększy skuteczność decyzji.

Co dalej

Poznałeś kluczowe metody pracy z tablicami w JavaScript i ich podstawową składnię. Aby lepiej zrozumieć tablice, polecam zapoznanie się z oficjalną dokumentacją MDN Web Docs od Mozilli, gdzie znajdziesz kompleksowe informacje i przykłady. Zagłębienie się w ten temat pomoże Ci efektywnie wykorzystywać tablice w swoich projektach i poprawić umiejętności programowania w JavaScript.

Dowiedz się więcej o programowaniu i kodowaniu na naszym kanale Telegram. Subskrybuj, aby być na bieżąco z ekscytującymi aktualizacjami i przydatnymi treściami!

Sprawdź dodatkowe zasoby:

• Czym jest tablica i jak działa
• Czym jest JavaScript i dlaczego go potrzebujesz
• JavaScript: główne narzędzie dla programistów front-end
• Czego nie możesz zrobić bez JavaScript
• 6 edytorów i środowisk IDE do pracy z JavaScript
• TypeScript: jak z nim pracować i czym różni się od JavaScript