Úloha 4 – Filtrování a textový výstup z pole objektů
Úloha
Zadání (kontext úlohy):
Spravuješ jednoduchý přehled měření z několika teplotních senzorů v dílně. Z naměřených hodnot potřebuješ rychle vypsat jen ta měření, která překračují bezpečný limit, a převést je do čitelného textu nebo seznamu bez ručního psaní cyklů.
Cíl úlohy:
Procvičit si řetězení metod polí filter().map().join() pro vytvoření textového výstupu a HTML seznamu.
Vstupní podmínky:
-
Student pracuje se soubory
index.htmlascript.js. -
Budeme vypisovat pomocí
document.write().
Požadovaný výstup:
-
Vytvoř pole
merenise 4–6 objekty, každý musí mít vlastnosti:-
id(např."A1"), -
mistnost(např."Sklad"), -
teplota(číslo, např.27).
-
-
Do proměnné
limitulož mezní teplotu (např.25). -
Pomocí řetězení vytvoř a vypiš jediný řetězec ve formátu:
Senzor A1 – Sklad (27 °C), Senzor B2 – Dílna (29 °C), ...-
Použij
filter()pro výběr měření, kdeteplota > limit. -
Použij
map()k převodu objektu na text"Senzor {id} – {mistnost} ({teplota} °C)". -
Nakonec
join(", ")pro spojení do jedné věty.
-
-
Vytvoř HTML seznam
<ul>všech měření, která jsou do limitu včetně (tj.teplota <= limit), kde každá položka<li>bude ve tvaru:{mistnost}: {teplota} °C-
Využij opět řetězení
filter().map().join("")a obal výsledný řetězec do"<ul>" + ... + "</ul>".
-
-
Pokud po odfiltrování nadlimitních měření v kroku 3 žádná neexistují, vypiš větu:
Žádná měření nad limitem.-
Pro kontrolu použij délku pole po
filter()a podmínkuif (pocet > 0 == true)/if (pocet > 0 == false).
-
Doplňující pokyny:
-
Používej
constpro pole a objekty,letpro hodnoty, které budeš měnit. -
Nepoužívej šipkové funkce (
=>). Piš klasickyfunction(...) { ... }. -
V podmínkách porovnávej explicitně (např.
if (pocet > 0 == true)). -
Řetězení piš čitelně po řádcích a přidej krátký komentář k jednotlivým krokům.