Menu
Coddy logo textTech
ZACZNIJ NAUKĘ
flag Pl iconPolskidown icon

Łączenie metod tablic

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

Łączenie operacji na tablicy pozwala wykonywać wiele operacji na tablicy w jednej instrukcji. Takie podejście może sprawić, że kod będzie bardziej zwięzły i czytelny.

Oto przykład łączenia metod tablicy:

const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

const result = numbers
  .filter(num => num % 2 === 0)
  .map(num => num * 2)
  .reduce((sum, num) => sum + num, 0);

console.log(result); // 60

W tym przykładzie zaczynamy od tablicy liczb, odfiltrowujemy liczby nieparzyste, podwajamy każdą z pozostałych liczb, a następnie sumujemy wyniki.

Kolejność łączenia metod ma znaczenie. Każda metoda w łańcuchu działa na wyniku poprzedniej metody.

challenge icon

Wyzwanie

Łatwy

Utwórz funkcję o nazwie processFruits, która przyjmuje tablicę obiektów owoców. Każdy obiekt owocu ma właściwości name (ciąg znaków) i quantity (liczba).

Funkcja powinna używać łańcuchowo połączonych metod tablicy, aby:

  1. Odfiltrować owoce, których ilość wynosi 0
  2. Zmienić nazwę każdego owocu na wielkie litery
  3. Utworzyć ciąg znaków zawierający listę wszystkich owoców wraz z ich ilościami, na przykład "APPLE: 5, BANANA: 3"

Krótkie przypomnienie:

Możesz użyć funkcji .join(", "), aby przekształcić tablicę ciągów znaków w jeden ciąg znaków.

Można łączyć w łańcuch nawet funkcję .join():

arr.filter(...)
   .map(...)
   .join(...)

Spróbuj swoich sił

function processFruits(fruits) {
  // 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