JavaScript if ... else nyilatkozat (példákkal)

Ebben az oktatóanyagban megismerheti az if… else utasítást, hogy példák segítségével hozzon létre döntési programokat.

A számítógépes programozás során felmerülhetnek olyan helyzetek, amikor egy kódblokkot egynél több alternatíva közül kell futtatnia. Például az A , B vagy C osztályok kiosztása a hallgató által megszerzett jegyek alapján.

Ilyen esetekben a JavaScript if… elseutasítással létrehozhat egy programot, amely képes döntéseket hozni.

A JavaScript-ben az if… elseállítás három formája létezik .

  1. ha állítás
  2. ha … más állítás
  3. ha… másképp, ha … más állítás

JavaScript if Statement

Az utasítás szintaxisa if:

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

Az ifutasítás értékeli a zárójelben lévő állapotot ().

  1. Ha a feltételt értékelik true, akkor a törzs belsejében lévő kód ifvégrehajtásra kerül.
  2. Ha az állapotot kiértékelik false, akkor a törzs belsejében lévő kód ifátugrásra kerül.

Megjegyzés: A benne ( )lévő kód az ifutasítás törzse .

Az if nyilatkozat működése

1. példa: ha nyilatkozat

 // 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");

1. kimenet

 Írjon be egy számot: 2 A szám pozitív Az if utasítás egyszerű

Tegyük fel, hogy a felhasználó megadta a 2 értéket . Ebben az esetben az állapot a következőképpen number> 0értékel true. És az ifutasítás törzse végrehajtásra kerül.

2. kimenet

 Írjon be egy számot: -1 Az if utasítás egyszerű

Tegyük fel, hogy a felhasználó -1 értéket adott meg . Ebben az esetben az állapot a következőképpen number> 0értékel false. Ezért a ifkijelentés törzse kihagyásra kerül.

Mivel console.log("The if statement is easy");az ifállítás törzsén kívül található, mindig végrehajtásra kerül.

Az összehasonlítást és a logikai operátorokat feltételekben használják. Tehát ha többet szeretne megtudni az összehasonlításról és a logikai operátorokról, keresse fel a JavaScript összehasonlító és logikai operátorokat.

JavaScript if… else utasítás

Egy ifutasításnak lehet opcionális elsezáradéka. Az utasítás szintaxisa if… else:

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

Az if… elseutasítás értékeli a zárójelben lévő állapotot .

Ha az állapotot értékelik true,

  1. a törzs belsejében lévő kód ifvégrehajtásra kerül
  2. a törzs belsejében lévő kód elsekihagyásra kerül a végrehajtásból

Ha az állapotot értékelik false,

  1. a törzs belsejében lévő kód elsevégrehajtásra kerül
  2. a törzs belsejében lévő kód ifkihagyásra kerül a végrehajtásból
Az if… else utasítás kidolgozása

2. példa: ha… más nyilatkozat

 // 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");

1. kimenet

 Írjon be egy számot: 2 A szám pozitív Az if… else utasítás egyszerű

Tegyük fel, hogy a felhasználó megadta a 2 értéket . Ebben az esetben az állapot a következőképpen number> 0értékel true. Ezért az ifutasítás törzse végrehajtásra kerül, és az elseutasítás törzse kihagyásra kerül.

2. kimenet

 Írjon be egy számot: -1 A szám vagy negatív szám, vagy 0 Az if… else utasítás egyszerű

Tegyük fel, hogy a felhasználó -1 értéket adott meg . Ebben az esetben az állapot a következőképpen number> 0értékel false. Ezért az elseutasítás törzse végrehajtásra kerül, és az ifutasítás törzse kihagyásra kerül.

JavaScript ha… másképp ha utasítás

Az if… elseutasítás segítségével két alternatíva közül egy kódblokkot lehet végrehajtani. Ha azonban kettőnél több alternatíva if… else if… elseközül kell választania, akkor használható.

Az utasítás szintaxisa if… else if… else:

 if (condition1) ( // code block 1 ) else if (condition2)( // code block 2 ) else ( // code block 3 )
  • Ha az 1. feltétel értéket ad true, akkor az 1. kódblokk végrehajtásra kerül.
  • Ha feltétel1 értékelődik ki false, majd CONDITION2 értékeljük.
    • Ha a CONDITION2 van true, a kód 2 blokk kerül végrehajtásra.
    • Ha a CONDITION2 van false, a kód 3 blokk kerül végrehajtásra.
Az if… else if… else utasítás kidolgozása

3. példa: ha… másképp, ha nyilatkozat

 // 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");

Kimenet

 Írjon be egy számot: 0 A szám 0 Az if… else if… else utasítás egyszerű

Tegyük fel, hogy a felhasználó 0-t írt be , majd az első tesztfeltétel number> 0értéke false. Ezután a második tesztfeltétel number == 0kiértékeli trueés végrehajtja annak megfelelő blokkját.

Beágyazott, ha… másként nyilatkozat

Használhat egy if… elseállítást egy utasítás belsejében is if… else. Ezt úgy hívják, hogy beágyazott, ha… más állítás.

4. példa: Beágyazott, ha… másként állítás

 // 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"); )

Kimenet

 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

Bizonyos helyzetekben egy háromszintű operátor helyettesíthet egy if… elseállítást. További információkért látogasson el a JavaScript Ternary Operator oldalra.

Ha egy adott tesztfeltétel alapján egynél több alternatíva switchközül kell választania , akkor az utasítás használható. További információért látogasson el a JavaScript kapcsolóra.

érdekes cikkek...