JavaScript om ... annars uttalande (med exempel)

I den här guiden lär du dig om uttalandet if … else för att skapa beslutsprogram med hjälp av exempel.

Vid datorprogrammering kan det uppstå situationer där du måste köra ett kodblock bland mer än ett alternativ. Till exempel tilldela betyg A , B eller C baserat på betyg som en student har fått.

I sådana situationer kan du använda JavaScript- if… elseuttalandet för att skapa ett program som kan fatta beslut.

I JavaScript finns det tre former av if… elseuttalandet.

  1. if uttalande
  2. om … annars uttalande
  3. if … else if … else uttalande

JavaScript om uttalande

Syntaxen för ifuttalandet är:

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

Det ifuttalandet utvärderar villkoret inom parentes ().

  1. Om villkoret utvärderas till körs truekoden inuti kroppen if.
  2. Om tillståndet utvärderas till hoppas falsekoden inuti kroppen av if.

Obs! Koden inuti ( )är ifpåståendet.

Arbetet med if-uttalandet

Exempel 1: om uttalande

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

Utgång 1

 Ange ett nummer: 2 Siffran är positiv Om uttalandet är enkelt

Antag att användaren angav 2 . I det här fallet number> 0utvärderas tillståndet till true. Och ifpåståendet utförs.

Utgång 2

 Ange ett nummer: -1 If-uttalandet är enkelt

Antag att användaren angav -1 . I det här fallet number> 0utvärderas tillståndet till false. Därför ifhoppas över påståendet.

Eftersom det console.log("The if statement is easy");är utanför ifpåståendet, körs det alltid.

Jämförelse och logiska operatörer används under förhållanden. Så för att lära dig mer om jämförelse och logiska operatörer kan du besöka JavaScript-jämförelse och logiska operatörer.

JavaScript om … annars uttalande

Ett ifuttalande kan ha en valfri elseklausul. Syntaxen för if… elseuttalandet är:

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

Det if… elseuttalandet utvärderar villkoret inom parentes.

Om tillståndet utvärderas till true,

  1. koden inuti kroppen av ifkörs
  2. koden inuti kroppen elsehoppas över från körning

Om tillståndet utvärderas till false,

  1. koden inuti kroppen av elsekörs
  2. koden inuti kroppen ifhoppas över från körning
Arbetar med uttalandet if … else

Exempel 2: om … annars uttalande

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

Utgång 1

 Ange ett nummer: 2 Siffran är positiv Om … annars är uttalandet enkelt

Antag att användaren angav 2 . I det här fallet number> 0utvärderas tillståndet till true. Därför ifkörs uttalandets kropp och elseuttalandet hoppas över.

Utgång 2

 Ange ett nummer: -1 Siffran är antingen ett negativt tal eller 0 Om … annars uttalandet är enkelt

Antag att användaren angav -1 . I det här fallet number> 0utvärderas tillståndet till false. Därför elsekörs uttalandets kropp och ifuttalandet hoppas över.

JavaScript om … annars om uttalande

Det if… elseuttalandet används för att exekvera ett kodblock bland två alternativ. Men om du behöver välja mellan mer än två alternativ, if… else if… elsekan du använda det.

Syntaxen för if… else if… elseuttalandet är:

 if (condition1) ( // code block 1 ) else if (condition2)( // code block 2 ) else ( // code block 3 )
  • Om CONDITION1 utvärderar att truedet kodblocket en exekveras.
  • Om CONDITION1 utvärderar till false, då condition2 utvärderas.
    • Om condition2 är truedet kodblocket 2 exekveras.
    • Om condition2 är falsedet kodblocket 3 exekveras.
Arbetar med uttalandet if … else if … else

Exempel 3: om … annars om uttalande

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

Produktion

 Ange ett nummer: 0 Siffran är 0 Om … annars om … annars uttalande är enkelt

Antag att användaren angav 0 , så number> 0utvärderas det första testvillkoret till false. Därefter number == 0utvärderas det andra testvillkoret till trueoch dess motsvarande block exekveras.

Inkapslat om … annars uttalande

Du kan också använda ett if… elseuttalande inuti ett if… elseuttalande. Detta kallas kapslad om … annars uttalande.

Exempel 4: Inkapslat om … annars uttalande

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

Produktion

 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

I vissa situationer kan en ternär operatör ersätta ett if… elseuttalande. För att lära dig mer, besök JavaScript Ternary Operator.

Om du behöver välja mellan fler än ett alternativ baserat på ett visst testvillkor kan switchpåståendet användas. Om du vill veta mer besöker du JavaScript-omkopplaren.

Intressanta artiklar...