Shrnutí

V této lekci jste se naučili, že:

• Pole mají metody, které nahrazují nejběžnější cykly. Většina z nich dostává callback: funkci, obvykle šipkovou, kterou metoda zavolá pro každý prvek, třeba (zvire) => zvire.vek < 5.
• filter() vrátí nové pole s prvky, pro které callback vrátí true. Jeho length řekne, kolik jich je.
• map() vrátí nové pole s tím, co callback vrátí pro každý prvek: zvirata.map((zvire) => zvire.jmeno).
• forEach() jen zavolá callback pro každý prvek, stejně jako cyklus for...of.
• find() vrátí první prvek, pro který callback vrátí true, nebo undefined, když žádný takový není. some() řekne, jestli podmínku splňuje aspoň jeden prvek, every(), jestli ji splňují všechny.
• join(", ") spojí prvky do jednoho textu a mezi ně dá ", ".
• Metody se dají řetězit: zvirata.filter(...).map(...).join(", "). Nejdřív prvky vyberte, potom je převeďte.
• sort() řadí přímo pole. Bez porovnávací funkce porovnává prvky jako texty, takže z [10, 9, 1] udělá [1, 10, 9]. Čísla seřadíte pomocí (a, b) => a - b, od největšího pomocí b - a, a texty pomocí (a, b) => a.localeCompare(b, "cs").
• Tři tečky (spread) kopírují: [...teploty] je nové pole, [...rano, ...odpoledne] spojí dvě pole a { ...leo, vek: 7 } je upravená kopie objektu. Když potřebujete zachovat i původní pořadí, seřaďte kopii.
• Destrukturování vytáhne hodnoty z objektu podle názvů (const { jmeno, vek } = leo;) a z pole podle pořadí (const [prvni, druhy] = veky;).

Teď vás čeká ještě jeden malý projekt, tabulka fotbalové ligy, ve kterém využijete funkce, objekty i metody z této lekce. Potom v lekci JavaScript na webových stránkách poběží váš kód na webové stránce: bude měnit, co stránka ukazuje, a reagovat na kliknutí. A uvidíte, že i části webové stránky jsou objekty s vlastnostmi, které můžete číst a měnit.

A teď si to procvičte. Zoo v editoru si vede seznam svých zvířat.