JavaScript hvis ... ellers Erklæring (med eksempler)

I denne vejledning lærer du om if … else-erklæringen for at oprette beslutningsprogrammer ved hjælp af eksempler.

I computerprogrammering kan der opstå situationer, hvor du skal køre en kodeblok blandt mere end et alternativ. For eksempel tildeling af karakterer A , B eller C baseret på karakterer opnået af en studerende.

I sådanne situationer kan du bruge JavaScript- if… elseerklæringen til at oprette et program, der kan træffe beslutninger.

I JavaScript er der tre former for if… elseudsagnet.

  1. hvis erklæring
  2. hvis … ellers udsagn
  3. hvis … ellers hvis … ellers udsagn

JavaScript, hvis erklæring

Syntaksen for ifudsagnet er:

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

Den ifopgørelse vurderer tilstanden inde i parentesen ().

  1. Hvis tilstanden evalueres til true, ifudføres koden inde i kroppen .
  2. Hvis tilstanden vurderes til false, ifspringes koden inde i kroppen over.

Bemærk: Koden indeni ( )er selve iferklæringen.

Arbejde med if-erklæringen

Eksempel 1: hvis erklæring

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

Udgang 1

 Indtast et tal: 2 Nummeret er positivt Hvis if-sætningen er let

Antag at brugeren indtastede 2 . I dette tilfælde number> 0vurderes tilstanden til true. Og iferklæringen udføres.

Udgang 2

 Indtast et tal: -1 Hvis-sætningen er let

Antag at brugeren indtastede -1 . I dette tilfælde number> 0vurderes tilstanden til false. Derfor ifspringes erklæringens krop over.

Da det console.log("The if statement is easy");er uden for ifudsagnets krop , udføres det altid.

Sammenligning og logiske operatorer bruges under forhold. Så for at lære mere om sammenligning og logiske operatører kan du besøge JavaScript-sammenligning og logiske operatører.

JavaScript hvis … ellers erklæring

En iferklæring kan have en valgfri elseklausul. Syntaksen for if… elseudsagnet er:

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

Den if… elseopgørelse vurderer tilstanden inde i parentes.

Hvis tilstanden vurderes til true,

  1. koden inde i kroppen ifudføres
  2. koden inde i kroppen elsespringes over fra udførelse

Hvis tilstanden vurderes til false,

  1. koden inde i kroppen elseudføres
  2. koden inde i kroppen ifspringes over fra udførelse
Arbejde med if … else-erklæringen

Eksempel 2: hvis … ellers Erklæring

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

Udgang 1

 Indtast et tal: 2 Nummeret er positivt Hvis … andet udsagn er let

Antag at brugeren indtastede 2 . I dette tilfælde number> 0vurderes tilstanden til true. Derfor ifudføres erklæringens krop, og elseudsagnets hoveddel springes over.

Udgang 2

 Indtast et tal: -1 Nummeret er enten et negativt tal eller 0 Hvis … ellers er udsagnet let

Antag at brugeren indtastede -1 . I dette tilfælde number> 0vurderes tilstanden til false. Derfor elseudføres erklæringens krop, og ifudsagnets hoveddel springes over.

JavaScript, hvis … ellers hvis udsagn

Den if… elsesætning bruges til at eksekvere en blok af kode blandt to alternativer. Men hvis du har brug for at træffe et valg mellem mere end to alternativer, if… else if… elsekan det bruges.

Syntaksen for if… else if… elseudsagnet er:

 if (condition1) ( // code block 1 ) else if (condition2)( // code block 2 ) else ( // code block 3 )
  • Hvis betingelse 1 evalueres til true, udføres kodeblok 1 .
  • Hvis tilstand1 evalueres til false, evalueres tilstand2 .
    • Hvis betingelse2 er true, udføres kodeblok 2 .
    • Hvis betingelse2 er false, udføres kodeblok 3 .
Arbejde med if … else if … else-erklæringen

Eksempel 3: hvis … ellers hvis erklæring

 // 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

 Indtast et nummer: 0 Nummeret er 0 Hvis … andet hvis … ellers er udsagnet let

Antag at brugeren indtastede 0 , så number> 0evalueres den første testbetingelse til false. Derefter number == 0evalueres den anden testtilstand til, trueog dens tilsvarende blok udføres.

Indlejret hvis … ellers Erklæring

Du kan også bruge en if… elseerklæring inde i en if… elseerklæring. Dette kaldes indlejret hvis … ellers udsagn.

Eksempel 4: Indlejret hvis … ellers Erklæring

 // 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 visse situationer kan en ternær operatør erstatte en if… elseerklæring. Hvis du vil vide mere, skal du besøge JavaScript Ternary Operator.

Hvis du har brug for at træffe et valg mellem mere end et alternativ baseret på en given testtilstand, kan switchudsagnet bruges. Hvis du vil vide mere, skal du besøge JavaScript-switch.

Interessante artikler...