Izjava JavaScript, če ... drugače (s primeri)

V tej vadnici boste izvedeli o izjavi if … else za ustvarjanje programov odločanja s pomočjo primerov.

Pri računalniškem programiranju lahko pride do situacij, ko morate zagnati blok kode med več kot eno drugo možnostjo. Na primer dodelitev ocen A , B ali C na podlagi ocen, ki jih je pridobil študent.

V takih primerih lahko z if… elseizjavo JavaScript ustvarite program, ki lahko sprejema odločitve.

V JavaScript obstajajo tri oblike if… elseizjave.

  1. če izjava
  2. če … drugače izjava
  3. if … else if … else izjava

Izjava JavaScript

Sintaksa ifstavka je:

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

ifIzjavo ocenjuje stanje znotraj oklepaju ().

  1. Če je pogoj ovrednoten true, se izvede koda znotraj telesa if.
  2. Če je stanje ocenjeno na false, se koda znotraj telesa ifpreskoči.

Opomba: Koda znotraj ( )je telo ifstavka.

Delovanje izjave if

Primer 1: če Izjava

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

Izhod 1

 Vnesite številko: 2 Številka je pozitivna Če je izjava enostavna

Recimo, da je uporabnik vnesel 2 . V tem primeru stanje number> 0oceni na true. Telo ifizjave se izvrši.

Rezultat 2

 Vnesite številko: -1 Stavek if je enostaven

Recimo, da je uporabnik vnesel -1 . V tem primeru stanje number> 0oceni na false. Zato je besedilo ifstavka preskočeno.

Ker console.log("The if statement is easy");je zunaj telesa ifstavka, se vedno izvrši.

Primerjalni in logični operatorji se uporabljajo v pogojih. Če želite izvedeti več o primerjalnih in logičnih operaterjih, lahko obiščete primerjalne in logične operaterje JavaScript.

Izjava JavaScript, če … drugače

ifIzjava lahko izbirno elseklavzulo. Sintaksa if… elsestavka je:

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

if… elseIzjavo ocenjuje stanje znotraj oklepaju.

Če se stanje oceni na true,

  1. ifse izvrši koda znotraj telesa
  2. koda znotraj telesa elseje preskočena iz izvedbe

Če se stanje oceni na false,

  1. elsese izvrši koda znotraj telesa
  2. koda znotraj telesa ifje preskočena iz izvedbe
Delovanje izjave if … else

Primer 2: če… drugače Izjava

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

Izhod 1

 Vnesite številko: 2 Številka je pozitivna Stavek if … else je enostaven

Recimo, da je uporabnik vnesel 2 . V tem primeru stanje number> 0oceni na true. Zato se telo ifstavka izvrši in telo elsestavka se preskoči.

Rezultat 2

 Vnesite številko: -1 Število je negativno število ali 0 Stavek if … else je enostaven

Recimo, da je uporabnik vnesel -1 . V tem primeru stanje number> 0oceni na false. Zato se telo elsestavka izvrši in telo ifstavka se preskoči.

JavaScript če … drugače če stavek

if… elseIzjava se uporablja za izvršitev blok kode med dvema možnostma. Če pa želite izbirati med več kot dvema alternativama, if… else if… elsese lahko uporabi.

Sintaksa if… else if… elsestavka je:

 if (condition1) ( // code block 1 ) else if (condition2)( // code block 2 ) else ( // code block 3 )
  • Če pogoj1 oceni na true, se izvede blok kode 1 .
  • Če CONDITION1 ovrednoten false, potem CONDITION2 se ocenjuje.
    • Če CONDITION2 se trueje koda blok 2 se izvaja.
    • Če CONDITION2 se falseje koda blok 3 se izvaja.
Delovanje izjave if … else if … else

Primer 3: če … drugače če Izjava

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

Izhod

 Vnesite številko: 0 Številka je 0 Stavek if … else if … else je enostaven

Recimo, da je uporabnik vnesel 0 , potem prvi testni pogoj number> 0oceni na false. Nato se drugi preskusni pogoj number == 0oceni na truein se izvede ustrezen blok.

Izjava ugnezdena, če … drugače

if… elseStavek lahko uporabite tudi znotraj if… elsestavka. To je znano kot ugnezdena izjava if … else .

Primer 4: izjava ugnezdena, če … drugače

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

Izhod

 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

V nekaterih primerih lahko ternarni operater nadomesti if… elsestavek. Če želite izvedeti več, obiščite JavaScript Ternary Operator.

Če se morate odločiti za več kot eno alternativo glede na dani preskusni pogoj, switchlahko uporabite izjavo. Če želite izvedeti več, obiščite JavaScript stikalo.

Zanimive Članki...