Príkaz JavaScript, ak ... else (s príkladmi)

V tomto tutoriále sa dozviete o príkaze if … else na vytvorenie rozhodovacích programov pomocou príkladov.

V počítačovom programovaní môžu nastať situácie, keď budete musieť spustiť blok kódu z viac ako jednej alternatívy. Napríklad priradenie známok A , B alebo C na základe známok získaných študentom.

V takýchto situáciách môžete pomocou if… elsepríkazu JavaScript vytvoriť program, ktorý môže robiť rozhodnutia.

V JavaScripte existujú tri formy if… elsevyhlásenia.

  1. ak vyhlásenie
  2. keby … iné vyhlásenie
  3. keby … inak keby … inak vyhlásenie

Vyhlásenie JavaScript, ak

Syntax ifpríkazu je:

 if (condition) ( // the body of if )

Príkaz ifvyhodnotí stav vo vnútri zátvorky ().

  1. Ak sa podmienka vyhodnotí na true, ifvykoná sa kód v tele tela .
  2. Ak sa podmienka vyhodnotí na false, kód v tele tela ifsa preskočí.

Poznámka: Kód vo vnútri ( )je telo ifvyhlásenia.

Fungovanie vyhlásenia if

Príklad 1: if Vyhlásenie

 // check if the number is positive const number = prompt("Enter a number: "); // check if number is greater than 0 if (number> 0) ( // the body of the if statement console.log("The number is positive"); ) console.log("The if statement is easy");

Výstup 1

 Zadajte číslo: 2 Číslo je kladné Výrok if je jednoduchý

Predpokladajme, že zadaný používateľ 2 . V takom prípade sa stav number> 0vyhodnotí ako true. A telo ifvyhlásenia sa vykoná.

Výstup 2

 Zadajte číslo: -1 Príkaz if je jednoduchý

Predpokladajme, že používateľ zadal -1 . V takom prípade sa stav number> 0vyhodnotí ako false. Preto je text ifvyhlásenia preskočený.

Pretože sa console.log("The if statement is easy");nachádza mimo tela ifvýpisu, vykoná sa vždy.

V podmienkach sa používajú porovnávacie a logické operátory. Ak sa teda chcete dozvedieť viac informácií o porovnávaní a logických operátoroch, môžete navštíviť stránku Porovnanie JavaScriptu a Logické operátory.

JavaScript, ak … else

Výrok ifmôže mať voliteľnú elseklauzulu. Syntax if… elsepríkazu je:

 if (condition) ( // block of code if condition is true ) else ( // block of code if condition is false )

Príkaz if… elsevyhodnotí stav vo vnútri zátvorky.

Ak je stav vyhodnotený na true,

  1. ifvykoná sa kód v tele tela
  2. kód vo vnútri tela elseje z vykonania preskočený

Ak je stav vyhodnotený na false,

  1. elsevykoná sa kód v tele tela
  2. kód vo vnútri tela ifje z vykonania preskočený
Fungovanie príkazu if … else

Príklad 2: ak… else Vyhlásenie

 // check is the number is positive or negative/zero const number = prompt("Enter a number: "); // check if number is greater than 0 if (number> 0) ( console.log("The number is positive"); ) // if number is not greater than 0 else ( console.log("The number is either a negative number or 0"); ) console.log("The if… else statement is easy");

Výstup 1

 Zadajte číslo: 2 Číslo je kladné Výrok if … else je jednoduchý

Predpokladajme, že zadaný používateľ 2 . V takom prípade sa stav number> 0vyhodnotí ako true. Telo tela ifpríkazu sa teda vykoná a telo elsepríkazu sa preskočí.

Výstup 2

 Zadajte číslo: -1 Číslo je záporné číslo alebo 0 Príkaz if … else je jednoduchý

Predpokladajme, že používateľ zadal -1 . V takom prípade sa stav number> 0vyhodnotí ako false. Telo tela elsepríkazu sa teda vykoná a telo ifpríkazu sa preskočí.

JavaScript if … else if statement

Príkaz if… elsesa používa na vykonanie bloku kódu medzi dvoma alternatívami. Ak si však potrebujete zvoliť medzi viac ako dvoma alternatívami, if… else if… elsemôžu sa použiť.

Syntax if… else if… elsepríkazu je:

 if (condition1) ( // code block 1 ) else if (condition2)( // code block 2 ) else ( // code block 3 )
  • Ak podmienka 1 vyhodnotí ako true, vykoná sa kódový blok 1 .
  • Ak sa podmienka1 vyhodnotí ako false, potom sa vyhodnotí podmienka2 .
    • V prípade, že condition2 je trueje kód bloku 2 je vykonaný.
    • V prípade, že condition2 je falsesa blok kódu 3 je vykonaný.
Fungovanie príkazu if … else if … else

Príklad 3: ak… v opačnom prípade vyhlásenie

 // check if the number if positive, negative or zero const number = prompt("Enter a number: "); // check if number is greater than 0 if (number> 0) ( console.log("The number is positive"); ) // check if number is 0 else if (number == 0) ( console.log("The number is 0"); ) // if number is neither greater than 0, nor zero else ( console.log("The number is negative"); ) console.log("The if… else if… else statement is easy");

Výkon

 Zadajte číslo: 0 Číslo je 0 Príkaz if… else if… else je jednoduchý

Predpokladajme, že používateľ zadal 0 , potom sa prvá testovacia podmienka number> 0vyhodnotí ako false. Potom sa druhý test stav number == 0vyhodnotený ako truea jej zodpovedajúce blok je vykonaný.

Vnorené, ak … iné vyhlásenie

Môžete tiež použiť if… elsevyhlásenie vo vnútri if… elsevyhlásenia. Toto sa nazýva vnorené, ak … else vyhlásenie.

Príklad 4: Vnorené, ak … else Výpis

 // check if the number is positive, negative or zero const number = prompt("Enter a number: "); if (number>= 0) ( if (number == 0) ( console.log("You entered number 0"); ) else ( console.log("You entered a positive number"); ) ) else ( console.log("You entered a negative number"); )

Výkon

 Enter a number: 5 You entered a positive number

Suppose the user entered 5. In this case, the condition number>= 0 evaluates to true, and the control of the program goes inside the outer if statement.

Then, the test condition, number == 0, of the inner if statement is evaluated. Since it's false, the else clause of the inner if statement is executed.

Note: As you can see, nested if… else makes our logic complicated and we should try to avoid using nested if… else whenever possible.

Body of if… else With Only One Statement

If the body of if… else has only one statement, we can omit ( ) in our programs. For example, you can replace

 const number = 2; if (number> 0) ( console.log("The number is positive."); ) else ( console.log("The number is negative or zero."); )

with

 const number = 2; if (number> 0) console.log("The number is positive."); else console.log("The number is negative or zero.");

Output

 The number is positive.

More on Decision Making

V určitých situáciách môže ternárny operátor nahradiť if… elsepríkaz. Ak sa chcete dozvedieť viac, navštívte Ternárny operátor JavaScriptu.

Ak potrebujete na základe daných testovacích podmienok zvoliť viac ako jednu alternatívu, switchje možné použiť výrok. Ak sa chcete dozvedieť viac, navštívte prepínač JavaScript.

Zaujímavé články...