9.4 KiB

Raw Permalink Blame History Unescape Escape

Základy JavaScriptu: Rozhodování

Sketchnote od Tomomi Imura

Kvíz před přednáškou

Rozhodování a řízení pořadí, ve kterém váš kód běží, činí váš kód znovupoužitelným a robustním. Tato sekce pokrývá syntaxi pro řízení toku dat v JavaScriptu a její význam při použití s datovými typy Boolean.

🎥 Klikněte na obrázek výše pro video o rozhodování.

Tuto lekci si můžete projít na Microsoft Learn!

Krátké shrnutí o Booleanech

Boolean může mít pouze dvě hodnoty: true nebo false. Booleany pomáhají rozhodovat, které řádky kódu by měly běžet, když jsou splněny určité podmínky.

Nastavte svůj boolean na hodnotu true nebo false takto:

let myTrueBool = true
let myFalseBool = false

✅ Booleany jsou pojmenovány po anglickém matematikovi, filozofovi a logikovi Georgeovi Boolovi (1815–1864).

Operátory porovnání a Booleany

Operátory se používají k vyhodnocení podmínek porovnáním, které vytvoří hodnotu Boolean. Následuje seznam často používaných operátorů.

Symbol	Popis	Příklad
`<`	Menší než: Porovná dvě hodnoty a vrátí hodnotu Boolean `true`, pokud je hodnota na levé straně menší než na pravé	`5 < 6 // true`
`<=`	Menší nebo rovno: Porovná dvě hodnoty a vrátí hodnotu Boolean `true`, pokud je hodnota na levé straně menší nebo rovna pravé	`5 <= 6 // true`
`>`	Větší než: Porovná dvě hodnoty a vrátí hodnotu Boolean `true`, pokud je hodnota na levé straně větší než na pravé	`5 > 6 // false`
`>=`	Větší nebo rovno: Porovná dvě hodnoty a vrátí hodnotu Boolean `true`, pokud je hodnota na levé straně větší nebo rovna pravé	`5 >= 6 // false`
`===`	Striktní rovnost: Porovná dvě hodnoty a vrátí hodnotu Boolean `true`, pokud jsou hodnoty na pravé a levé straně stejné A mají stejný datový typ	`5 === 6 // false`
`!==`	Nerovnost: Porovná dvě hodnoty a vrátí opačnou hodnotu Boolean, než by vrátil operátor striktní rovnosti	`5 !== 6 // true`

✅ Ověřte si své znalosti tím, že napíšete několik porovnání do konzole vašeho prohlížeče. Překvapí vás některá vrácená data?

If Statement

Příkaz if spustí kód mezi svými bloky, pokud je podmínka pravdivá.

if (condition) {
  //Condition is true. Code in this block will run.
}

Logické operátory se často používají k vytvoření podmínky.

let currentMoney;
let laptopPrice;

if (currentMoney >= laptopPrice) {
  //Condition is true. Code in this block will run.
  console.log("Getting a new laptop!");
}

If..Else Statement

Příkaz else spustí kód mezi svými bloky, když je podmínka nepravdivá. Je volitelný s příkazem if.

let currentMoney;
let laptopPrice;

if (currentMoney >= laptopPrice) {
  //Condition is true. Code in this block will run.
  console.log("Getting a new laptop!");
} else {
  //Condition is false. Code in this block will run.
  console.log("Can't afford a new laptop, yet!");
}

✅ Otestujte své porozumění tomuto kódu a následujícímu kódu tím, že ho spustíte v konzoli prohlížeče. Změňte hodnoty proměnných currentMoney a laptopPrice, abyste změnili vrácený console.log().

Switch Statement

Příkaz switch se používá k provádění různých akcí na základě různých podmínek. Použijte příkaz switch k výběru jednoho z mnoha bloků kódu, které mají být vykonány.

switch (expression) {
  case x:
    // code block
    break;
  case y:
    // code block
    break;
  default:
  // code block
}

// program using switch statement
let a = 2;

switch (a) {
  case 1:
    a = "one";
    break;
  case 2:
    a = "two";
    break;
  default:
    a = "not found";
    break;
}
console.log(`The value is ${a}`);

✅ Otestujte své porozumění tomuto kódu a následujícímu kódu tím, že ho spustíte v konzoli prohlížeče. Změňte hodnoty proměnné a, abyste změnili vrácený console.log().

Logické operátory a Booleany

Rozhodování může vyžadovat více než jedno porovnání a může být spojeno pomocí logických operátorů k vytvoření hodnoty Boolean.

Symbol	Popis	Příklad
`&&`	Logické AND: Porovná dvě Boolean výrazy. Vrátí true pouze, pokud jsou obě strany pravdivé	`(5 > 6) && (5 < 6 ) //Jedna strana je nepravdivá, druhá je pravdivá. Vrátí false`
`\|\|`	Logické OR: Porovná dvě Boolean výrazy. Vrátí true, pokud je alespoň jedna strana pravdivá	`(5 > 6) \|\| (5 < 6) //Jedna strana je nepravdivá, druhá je pravdivá. Vrátí true`
`!`	Logické NOT: Vrátí opačnou hodnotu Boolean výrazu	`!(5 > 6) // 5 není větší než 6, ale "!" vrátí true`

Podmínky a rozhodování s logickými operátory

Logické operátory mohou být použity k vytvoření podmínek v příkazech if..else.

let currentMoney;
let laptopPrice;
let laptopDiscountPrice = laptopPrice - laptopPrice * 0.2; //Laptop price at 20 percent off

if (currentMoney >= laptopPrice || currentMoney >= laptopDiscountPrice) {
  //Condition is true. Code in this block will run.
  console.log("Getting a new laptop!");
} else {
  //Condition is true. Code in this block will run.
  console.log("Can't afford a new laptop, yet!");
}

Operátor negace

Doposud jste viděli, jak můžete použít příkaz if...else k vytvoření podmíněné logiky. Cokoliv, co jde do if, musí být vyhodnoceno jako true/false. Použitím operátoru ! můžete negovat výraz. Vypadalo by to takto:

if (!condition) {
  // runs if condition is false
} else {
  // runs if condition is true
}

Ternární výrazy

if...else není jediný způsob, jak vyjádřit rozhodovací logiku. Můžete také použít něco, co se nazývá ternární operátor. Syntaxe vypadá takto:

let variable = condition ? <return this if true> : <return this if false>

Níže je konkrétnější příklad:

let firstNumber = 20;
let secondNumber = 10;
let biggestNumber = firstNumber > secondNumber ? firstNumber : secondNumber;

✅ Udělejte si chvíli na přečtení tohoto kódu několikrát. Rozumíte tomu, jak tyto operátory fungují?

Výše uvedené říká:

pokud je firstNumber větší než secondNumber
pak přiřaďte firstNumber k biggestNumber
jinak přiřaďte secondNumber.

Ternární výraz je jen kompaktní způsob, jak napsat následující kód:

let biggestNumber;
if (firstNumber > secondNumber) {
  biggestNumber = firstNumber;
} else {
  biggestNumber = secondNumber;
}

🚀 Výzva

Vytvořte program, který je nejprve napsán s logickými operátory, a poté ho přepište pomocí ternárního výrazu. Jaká syntaxe vám vyhovuje více?

Kvíz po přednášce

Přehled & Samostudium

Přečtěte si více o mnoha operátorech dostupných uživateli na MDN.

Projděte si skvělý operator lookup od Joshe Comeaua!

Úkol

Operátory

Prohlášení:
Tento dokument byl přeložen pomocí služby pro automatický překlad Co-op Translator. Ačkoli se snažíme o přesnost, mějte na paměti, že automatické překlady mohou obsahovat chyby nebo nepřesnosti. Původní dokument v jeho původním jazyce by měl být považován za autoritativní zdroj. Pro důležité informace se doporučuje profesionální lidský překlad. Neodpovídáme za žádná nedorozumění nebo nesprávné interpretace vyplývající z použití tohoto překladu.

9.4 KiB Raw Permalink Blame History Unescape Escape