JavaScript if ... else Declarație (cu exemple)

În acest tutorial, veți afla despre declarația if … else pentru a crea programe de luare a deciziilor cu ajutorul unor exemple.

În programarea computerului, pot apărea situații în care trebuie să rulați un bloc de cod printre mai multe alternative. De exemplu, atribuirea notelor A , B sau C pe baza notelor obținute de un elev.

În astfel de situații, puteți utiliza if… elsedeclarația JavaScript pentru a crea un program care poate lua decizii.

În JavaScript, există trei forme ale if… elsedeclarației.

  1. afirmatie if
  2. dacă … altfel declarație
  3. dacă … altfel dacă … altfel afirmație

JavaScript if Declarație

Sintaxa ifdeclarației este:

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

ifDeclarația evaluează starea din interiorul paranteza ().

  1. Dacă condiția este evaluată la true, codul din interiorul corpului ifeste executat.
  2. Dacă starea este evaluată la false, codul din interiorul corpului ifeste omis.

Notă: Codul din interior ( )este corpul ifdeclarației.

Funcționarea declarației if

Exemplul 1: declarație if

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

Ieșire 1

 Introduceți un număr: 2 Numărul este pozitiv Afirmația if este ușoară

Să presupunem că utilizatorul a introdus 2 . În acest caz, condiția se number> 0evaluează la true. Și corpul ifdeclarației este executat.

Ieșire 2

 Introduceți un număr: -1 Instrucțiunea if este ușoară

Să presupunem că utilizatorul a introdus -1 . În acest caz, condiția se number> 0evaluează la false. Prin urmare, corpul ifdeclarației este omis.

Deoarece console.log("The if statement is easy");este în afara corpului ifdeclarației, este întotdeauna executată.

Comparația și operatorii logici sunt utilizați în condiții. Deci, pentru a afla mai multe despre comparație și operatori logici, puteți vizita Comparații JavaScript și Operatori logici.

JavaScript dacă … altfel declarație

O ifdeclarație poate avea o elseclauză opțională . Sintaxa if… elsedeclarației este:

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

if… elseDeclarația evaluează starea din interiorul paranteza.

Dacă starea este evaluată la true,

  1. ifse execută codul din interiorul corpului
  2. codul din corpul lui elseeste omis de la executare

Dacă starea este evaluată la false,

  1. elsese execută codul din interiorul corpului
  2. codul din corpul lui ifeste omis de la executare
Funcționarea declarației if … else

Exemplul 2: dacă … altfel Declarație

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

Ieșire 1

 Introduceți un număr: 2 Numărul este pozitiv Afirmația if … else este ușoară

Să presupunem că utilizatorul a introdus 2 . În acest caz, condiția se number> 0evaluează la true. Prin urmare, corpul ifdeclarației este executat și corpul elsedeclarației este omis.

Ieșire 2

 Introduceți un număr: -1 Numărul este fie un număr negativ, fie 0 Afirmația if … else este ușoară

Să presupunem că utilizatorul a introdus -1 . În acest caz, condiția se number> 0evaluează la false. Prin urmare, corpul elsedeclarației este executat și corpul ifdeclarației este omis.

JavaScript if … else if statement

Instrucțiunea if… elseeste utilizată pentru a executa un bloc de cod printre două alternative. Cu toate acestea, dacă trebuie să faceți o alegere între mai mult de două alternative, if… else if… elseputeți folosi.

Sintaxa if… else if… elsedeclarației este:

 if (condition1) ( // code block 1 ) else if (condition2)( // code block 2 ) else ( // code block 3 )
  • Dacă condiția1 este evaluată true, blocul de cod 1 este executat.
  • Dacă condiția 1 este evaluată false, atunci este evaluată condiția 2 .
    • Dacă condiția2 este true, blocul de cod 2 este executat.
    • Dacă condiția2 este false, blocul de cod 3 este executat.
Funcționarea declarației if … else if … else

Exemplul 3: if … else if Declarație

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

Ieșire

 Introduceți un număr: 0 Numărul este 0 Declarația if … else if … else este ușoară

Să presupunem că utilizatorul a introdus 0 , apoi prima condiție de test se number> 0evaluează la false. Apoi, a doua condiție de testare este number == 0evaluată trueși se execută blocul corespunzător.

Cuibărit dacă … altfel Declarație

De asemenea, puteți utiliza o if… elsedeclarație în interiorul unei if… elsedeclarații. Aceasta este cunoscută sub numele de declarație imbricată dacă … else

Exemplul 4: Declarație imbricată dacă … else

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

Ieșire

 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

În anumite situații, un operator ternar poate înlocui o if… elsedeclarație. Pentru a afla mai multe, vizitați JavaScript Ternary Operator.

Dacă trebuie să faceți o alegere între mai multe alternative bazate pe o anumită condiție de testare, switchse poate folosi afirmația. Pentru a afla mai multe, accesați comutatorul JavaScript.

Articole interesante...