JavaScript 3

43. hodina WBA


Matěj Cajthaml — SSPŠ

©

Opakování

K čemu slouží repeat v definicích gridu?
Co je to klíčové slovo?
K čemu slouží tag span, u, link?
Jak v JS zjistíme délku textové hodnoty?
Jak vypadá formát IPv4 a IPv6?

Řešení úkolu (42.) Zjisti o JS

Jaké porovnání hodnot známe v JS?

Aktuální porovnání

  • aktuální porovnání (==) je tzv. nestriktní
  • porovnává hodnoty, převedené na číslo
  • např. "312" == 312 je pravda

Striktní porovnání

  • === a !==
  • před porovnáním nejsou strany převedy na číslo
  • kontrolují se přesně dle datového typu

Proč není potřeba striktní porovnání pro <=, >=, >, <?

Používá přepínač (switch) striktní porovnání?

Datové struktury

Datové struktury

  • způsob uchovávání dat v programu
  • většinou více hodnot a nějaké určité řazení
  • nejjednoduší: pole, list, mapa, objekty, ...
  • pokročilejší: haldy, stromy, ...

Pole

  • reálně se jedná o list — jaký je mezi nimi rozdíl?
  • indexujeme od 0 — každá přidáná hodnota má své číslo
  • do pole můžeme vkládat jakékoliv hodnoty, další pole, ...
  • pomocí [i] přistupujeme k hodnotě na i-tém indexu.

Zkuste tyto pole vypsat do konzole.

Máme pole textových hodnot. Chceme odstranit z pole první výskyt hodnoty 302M, jak to uděláme?

Cykly

Cykly

  • způsob opakování nějaké části bloku kódu
  • (pro nás) čtyři typy
    • while
    • for
    • for..in
    • for..of
  • break — ukončení cyklu
  • continue — přeskočení průběhu a návrat k cyklu

while

  • dokud platí podmínka (true hodnota), bude se daný blok vykonávat

for..in

  • projíždí indexy jednotlivých věcí uvnitř pole / objektu

for..of

  • projíždí jednotlivé hodnoty uvnitř pole

for

  • projíždí hodnoty dle specifikací

Objekty

  • způsob ukládaní dat
  • velmi podobné např. slovníkům (Dictionary) v C#
  • soubor dat, které jsou vždy pojmenované textovou hodnotou
  • k jednodlivým hodnotám přistupujeme pomocí indexu nebo .

Jak smažeme z objektu hodnotu?

Nestriktní porovnání převádí strany na čísla, na jaké číslo se ale převede objekt? Např. { name: "Yoko", age: 3 }

Funkce

  • z matematiky — vstup a výstup
  • v programování nemusí být výstup
  • krabička, kterou zavoláme a ona něco provede
  • funkce se ukládají do proměnných, které voláme pomocí ()
  • function, return

Matematické funkce

Práce

Zjistěte, jaké a jak můžeme používat matematické funkce, které jsou připravené v JS.

Děkuji za pozornost!

  • matej.cajthaml@ssps.cz
  • https://ssps.cajthaml.eu/