JavaScript if ... else Erklæring (med eksempler)

I denne opplæringen lærer du om if … else-uttalelsen for å lage beslutningsprogrammer ved hjelp av eksempler.

I dataprogrammering kan det oppstå situasjoner der du må kjøre en blokk med flere enn ett alternativ. For eksempel tildele karakter A , B eller C basert på karakterer oppnådd av en student.

I slike situasjoner kan du bruke JavaScript- if… elsesetningen til å lage et program som kan ta avgjørelser.

I JavaScript er det tre former for if… elseuttalelsen.

  1. hvis uttalelse
  2. hvis … annet uttalelse
  3. hvis … annet hvis … annet uttalelse

JavaScript hvis uttalelse

Syntaksen for ifutsagnet er:

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

Den ifuttalelsen vurderer tilstanden inne i parentes ().

  1. Hvis tilstanden blir evaluert til true, blir koden i kroppen av ifutført.
  2. Hvis tilstanden blir evaluert til false, ifhoppes over koden i kroppen .

Merk: Koden inni ( )er selve ifsetningen.

Arbeid av if-uttalelsen

Eksempel 1: hvis uttalelse

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

Utgang 1

 Skriv inn et tall: 2 Tallet er positivt Hvis setningen er enkel

Anta at brukeren skrev inn 2 . I dette tilfellet number> 0vurderes tilstanden til true. Og iferklæringen utføres.

Utgang 2

 Skriv inn et tall: -1 If-setningen er enkel

Anta at brukeren skrev inn -1 . I dette tilfellet number> 0vurderes tilstanden til false. Derfor ifhoppes over uttalelsen.

Siden console.log("The if statement is easy");er utenfor selve ifuttalelsen, blir den alltid utført.

Sammenligning og logiske operatører brukes under forhold. Så for å lære mer om sammenligning og logiske operatører, kan du besøke JavaScript Comparison og Logical Operators.

JavaScript hvis … annet uttalelse

En ifuttalelse kan ha en valgfri elseklausul. Syntaksen for if… elseutsagnet er:

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

Den if… elseuttalelsen vurderer tilstanden inne i parentes.

Hvis tilstanden vurderes til true,

  1. koden i kroppen av ifblir utført
  2. koden i kroppen av elsehoppes over fra utførelsen

Hvis tilstanden vurderes til false,

  1. koden i kroppen av elseblir utført
  2. koden i kroppen av ifhoppes over fra utførelsen
Arbeider med if … else uttalelsen

Eksempel 2: hvis … annet uttalelse

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

Utgang 1

 Skriv inn et tall: 2 Antallet er positivt Hvis … annet uttalelse er enkelt

Anta at brukeren skrev inn 2 . I dette tilfellet number> 0vurderes tilstanden til true. Derfor blir iferklæringen fullført og elseutsagnets kropp hoppet over.

Utgang 2

 Skriv inn et tall: -1 Tallet er enten et negativt tall eller 0 Uttrykket if … else er enkelt

Anta at brukeren skrev inn -1 . I dette tilfellet number> 0vurderes tilstanden til false. Derfor blir elseerklæringen fullført og ifutsagnets kropp hoppet over.

JavaScript hvis … annet hvis uttalelse

Den if… elsesetningen brukes til å utføre en blokk med kode mellom to alternativer. Men hvis du trenger å velge mellom mer enn to alternativer, if… else if… elsekan du bruke den.

Syntaksen for if… else if… elseutsagnet er:

 if (condition1) ( // code block 1 ) else if (condition2)( // code block 2 ) else ( // code block 3 )
  • Hvis betingelse 1 evalueres til true, blir kodeblokk 1 utført.
  • Hvis tilstand1 evalueres til false, blir tilstand2 evaluert.
    • Hvis betingelse2 er true, blir kodeblokk 2 utført.
    • Hvis betingelse2 er false, blir kodeblokk 3 utført.
Arbeider med if … else if … else uttalelse

Eksempel 3: hvis … ellers hvis uttalelse

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

Produksjon

 Skriv inn et tall: 0 Nummeret er 0 Hvis … annet hvis … annet uttalelse er enkelt

Anta at brukeren skrev inn 0 , så number> 0vurderes den første testtilstanden til false. Deretter number == 0evalueres den andre testtilstanden til trueog dens tilsvarende blokk utføres.

Nestet hvis … ellers Erklæring

Du kan også bruke en if… elseuttalelse inne i en if… elseuttalelse. Dette er kjent som nestet hvis … annet uttalelse.

Eksempel 4: Nestet hvis … annet uttalelse

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

Produksjon

 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 situasjoner kan en ternær operatør erstatte en if… elseuttalelse. For å lære mer, besøk JavaScript Ternary Operator.

Hvis du trenger å velge mellom flere alternativer basert på en gitt testtilstand, kan switchuttalelsen brukes. For å lære mer, besøk JavaScript-bryteren.

Interessante artikler...