JavaScript if ... else -lauseke (esimerkkejä)

Tässä opetusohjelmassa opit if … else -lausekkeesta, jolla voit luoda päätöksenteko-ohjelmia esimerkkien avulla.

Tietokoneohjelmoinnissa voi esiintyä tilanteita, joissa joudut suorittamaan koodilohkon useamman kuin yhden vaihtoehdon joukossa. Esimerkiksi A- , B- tai C- palkkaluokkien antaminen opiskelijan saamien pisteiden perusteella.

Tällaisissa tilanteissa voit if… elseluoda JavaScript- käskyn avulla ohjelman, joka voi tehdä päätöksiä.

Javascriptissa on kolme lausekemuotoa if… else.

  1. jos lausunto
  2. jos… muu lausunto
  3. jos … muuten jos … muu lausunto

JavaScript if Statement

Lausunnon syntaksi ifon:

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

ifSelvitys arvioi kunnon sulkeiden sisään ().

  1. Jos ehto arvioidaan true, suoritetaan koodi rungon sisällä if.
  2. Jos ehto arvioidaan false, koodi rungon sisällä ifohitetaan.

Huomaa: Sisällä oleva koodi ( )on iflauseen runko .

If-lausunnon laatiminen

Esimerkki 1: if Statement

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

Lähtö 1

 Syötä numero: 2 Luku on positiivinen if-lause on helppo

Oletetaan, että käyttäjä on syöttänyt 2 . Tässä tapauksessa ehto number> 0arvioidaan true. Ja lausunnon runko ifsuoritetaan.

Lähtö 2

 Syötä numero: -1 if-lause on helppo

Oletetaan, että käyttäjä on kirjoittanut -1 . Tässä tapauksessa ehto number> 0arvioidaan false. Siksi iflausekkeen teksti ohitetaan.

Koska se on lauseen console.log("The if statement is easy");rungon ulkopuolella if, se suoritetaan aina.

Ehdoissa käytetään vertailua ja loogisia operaattoreita. Joten lisätietoja vertailusta ja loogisista operaattoreista, käy JavaScript-vertailu- ja loogisissa operaattoreissa.

JavaScript jos… muuten

ifSelvitys voi olla vaihtoehtoisia elselauseke. Lausunnon syntaksi if… elseon:

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

if… elseSelvitys arvioi kunnon sulkeiden sisään.

Jos ehto arvioidaan true,

  1. rungon sisällä oleva koodi ifsuoritetaan
  2. rungon sisällä oleva koodi elseohitetaan suorittamisesta

Jos ehto arvioidaan false,

  1. rungon sisällä oleva koodi elsesuoritetaan
  2. rungon sisällä oleva koodi ifohitetaan suorittamisesta
Työskentely if… else -lausekkeella

Esimerkki 2: jos… muuta lausunto

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

Lähtö 1

 Syötä numero: 2 Luku on positiivinen Jos… muu lause on helppo

Oletetaan, että käyttäjä on syöttänyt 2 . Tässä tapauksessa ehto number> 0arvioidaan true. Täten iflauseen runko suoritetaan ja elselausekkeen osa ohitetaan.

Lähtö 2

 Syötä numero: -1 Luku on joko negatiivinen luku tai 0 Jos… muu käsky on helppo

Oletetaan, että käyttäjä on kirjoittanut -1 . Tässä tapauksessa ehto number> 0arvioidaan false. Täten elselauseen runko suoritetaan ja iflausekkeen osa ohitetaan.

JavaScript jos … muuten jos lauseke

if… elseLausuma käytetään suorittamaan koodiosion joukossa kaksi vaihtoehtoa. Jos haluat kuitenkin valita useamman kuin kahden vaihtoehdon välillä, if… else if… elsevoidaan käyttää.

Lausunnon syntaksi if… else if… elseon:

 if (condition1) ( // code block 1 ) else if (condition2)( // code block 2 ) else ( // code block 3 )
  • Jos ehto1 arvioi arvon true, koodilohko 1 suoritetaan.
  • Jos ehto1 evaluoi on false, niin CONDITION2 arvioidaan.
    • Jos ehto2 on true, koodilohko 2 suoritetaan.
    • Jos ehto2 on false, koodilohko 3 suoritetaan.
Työskentely if… else if … else -lausekkeella

Esimerkki 3: jos… muuten jos lausunto

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

Tuotos

 Syötä numero: 0 Luku on 0 Jos… muuten, jos… muu lause on helppo

Oletetaan, että käyttäjä on syöttänyt arvon 0 , jolloin ensimmäinen testiehto number> 0arvioi arvon false. Sitten toinen testiehto number == 0arvioi trueja vastaava lohko suoritetaan.

Sisäkkäin, jos… muu lausunto

Voit myös käyttää if… elselausetta lausekkeen sisällä if… else. Tätä kutsutaan sisäkkäin, jos… muuta lausetta.

Esimerkki 4: Sisäkkäin, jos… muu lausunto

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

Tuotos

 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

Ternäärinen operaattori voi tietyissä tilanteissa korvata if… elselauseen. Jos haluat lisätietoja, käy JavaScript Ternary Operatorissa.

Jos sinun on tehtävä valinta useamman kuin yhden vaihtoehdon välillä tietyn testiolosuhteen perusteella, switchlausetta voidaan käyttää. Jos haluat lisätietoja, käy JavaScript-kytkimessä.

Mielenkiintoisia artikkeleita...