Metody tablic, część 4
Część sekcji Podstawy ścieżki JavaScript w Coddy. Lekcja 69 z 77.
Oto jeszcze więcej przydatnych metod tablic:
1. map(callback): Tworzy nową tablicę zawierającą wyniki wywołania podanej funkcji dla każdego elementu tablicy, na której ją wywołano.
let numbers = [1, 2, 3];
let doubled = numbers.map(num => num * 2);
console.log(doubled); // Wynik: [2, 4, 6]2. filter(callback): Tworzy nową tablicę zawierającą wszystkie elementy, które przechodzą test zaimplementowany przez przekazaną funkcję.
let numbers = [1, 2, 3, 4, 5];
let evenNumbers = numbers.filter(num => num % 2 === 0);
console.log(evenNumbers); // Wynik: [2, 4]3. reduce(callback, initialValue): Wykonuje funkcję redukującą dla każdego elementu tablicy, uzyskując jedną wartość wynikową.
let numbers = [1, 2, 3, 4];
let sum = numbers.reduce((acc, num) => acc + num, 0);
console.log(sum); // Wynik: 10Wyzwanie
ŁatwyOtrzymujesz tablicę numbers = [1, 2, 3, 4, 5]. Wykonaj poniższe kroki i bezpośrednio wyświetl wyniki:
- Użyj
map(), aby utworzyć nową tablicę, w której każda liczba jest pomnożona przez 3, i wyświetl wynik. - Użyj
filter(), aby utworzyć nową tablicę zawierającą tylko liczby większe niż 3, i wyświetl wynik.
Spróbuj swoich sił
let numbers = [1, 2, 3, 4, 5];Ta lekcja zawiera krótki quiz. Zacznij lekcję, żeby na niego odpowiedzieć i śledzić swoje postępy.
Wszystkie lekcje w sekcji Podstawy
4Operatory, część 2
Operatory logiczne, część 1Operatory logiczne, część 2Powtórka — prosta logikaOperatory logiczne, część 3Konwersja typów7Kalkulator podziału rachunku
Wiadomość powitalnaObliczanie napiwku i sumy10FizzBuzz z niespodzianką
Omówienie gryFunkcja FizzBuzz2Zmienne
LiczbyŁańcuch znakówWartość logicznaKonwencje nazewnictwaPuste zmiennePodsumowanie – inicjalizacja zmiennychStałe5Podejmowanie decyzji
Instrukcja ifIf - ElsePowtórka – prosty kalkulatorZagnieżdżone If - ElseInstrukcja switch3Operatory, część 1
Operatory arytmetyczneOperator moduloSkrócone operatory arytmetyczneOperatory porównaniaRówność ścisła a luźnaPowtórka — prosta matematyka6Podstawowe wejście/wyjście
WyjścieWyjście ze zmiennymiKonwersja typów — część 1Konwersja typów — część 2Powtórka — do 120Powtórka — prawda czy fałsz9Funkcje
Deklarowanie funkcjiArgumentyZwracanie wartościPodsumowanie — funkcja SigmaWyrażenie funkcyjneParametry domyślneFunkcje strzałkowePodsumowanie — funkcja walidująca12Tablice, część 2
Iterowanie po tablicachMetoda forEachPętla for...ofPowtórka – licznik PWycinanie fragmentów tablicyMetody tablic, część 3Metody tablic, część 4Sprawdzanie przynależnościPoćwicz samodzielnie: Kompilator JavaScript online