Metoda Map
Część sekcji Logika i przepływ programu ścieżki JavaScript w Coddy. Lekcja 52 z 65.
Metoda map() tworzy nową tablicę z wynikami wywołania podanej funkcji dla każdego elementu tablicy, na której ją wywołano. Przekształca każdy element i zwraca nową tablicę o tej samej długości.
Podstawowa składnia:
let newArray = arr.map(function(currentValue, index, array) {
// zwróć element dla newArray
});Oto prosty przykład:
const numbers = [1, 2, 3, 4];
const doubled = numbers.map((num) => {
return num * 2;
});
console.log(doubled); // [2, 4, 6, 8]Oto ten sam przykład z krótszą składnią:
const numbers = [1, 2, 3, 4];
const doubled = numbers.map(num => num * 2);
console.log(doubled); // [2, 4, 6, 8]Metoda map() nie zmienia oryginalnej tablicy. Zawsze zwraca nową tablicę.
Wyzwanie
ŁatwyUtwórz funkcję o nazwie formatNames, która przyjmuje tablicę imion (ciągów znaków) jako argument. Funkcja powinna używać metody map(), aby przekształcić każde imię tak, by było zapisane w stylu tytułowym (pierwsza litera każdego słowa wielka, pozostałe małe). Zwróć nową tablicę sformatowanych imion.
Spróbuj swoich sił
function formatNames(names) {
return names.map(name => {
// Napisz tutaj swój kod
})
}
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ów4JSON, część 2
Iterowanie po JSONZagnieżdżony JSONOpcjonalne łańcuchowanie w JSONPłytka i głęboka kopiaPowtórka — sklep rowerowyPowtórka — Układ Słoneczny7System zarządzania biblioteką
Omówienie projektuDodawanie książek10Zarządzanie systemem festiwalowym
Przegląd projektuDodawanie filmów i miejsc2Tablice 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 tablicach5Zbiory — 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ów8Ciekawe zagadnienia dotyczące tablic
Destrukturyzacja tablicSkładnia spread w tablicachRzadkie tablicePodsumowanie – warsztaty z tablic3JSON część 1
Czym jest JSON?Sprawdzanie, czy klucz istniejeMetody obiektówOperator spread — część 1Operator spread — część 2Usuwanie kluczyPodsumowanie — manipulowanie kluczami w JSONPoćwicz samodzielnie: Kompilator JavaScript online