Заява про JavaScript, якщо ... ще (з прикладами)

У цьому підручнику ви дізнаєтесь про твердження if … else для створення програм прийняття рішень за допомогою прикладів.

У комп'ютерному програмуванні можуть виникати ситуації, коли вам доводиться запускати блок коду з кількох варіантів. Наприклад, присвоєння оцінок A , B або C на основі оцінок, отриманих студентом.

У таких ситуаціях ви можете використовувати інструкцію JavaScript if… elseдля створення програми, яка може приймати рішення.

У JavaScript є три форми if… elseзаяви.

  1. якщо твердження
  2. якщо … ще твердження
  3. if … else if … else заява

JavaScript, якщо заява

Синтаксис ifвисловлення:

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

Оператор ifобчислює умову всередині дужок ().

  1. Якщо обчислюється умова, виконується trueкод всередині тіла if.
  2. Якщо обчислюється умова false, код всередині тіла ifпропускається.

Примітка: Код всередині ( )- це тіло ifвиписки.

Працює заява if

Приклад 1: якщо Заява

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

Вихід 1

 Введіть число: 2 Число позитивне Якщо твердження легко

Припустимо, користувач ввів 2 . У цьому випадку стан number> 0оцінюється як true. І, тіло ifзаяви виконується.

Вихід 2

 Введіть число: -1 Оператор if простий

Припустимо, користувач ввів -1 . У цьому випадку стан number> 0оцінюється як false. Отже, тіло ifвисловлення пропускається.

Оскільки воно console.log("The if statement is easy");знаходиться поза тілом ifвиписки, воно завжди виконується.

Порівняльні та логічні оператори використовуються в умовах. Тож, щоб дізнатись більше про оператори порівняння та логічні оператори, ви можете відвідати порівняльні та логічні оператори JavaScript.

Заява про JavaScript, якщо… ще

Оператор ifможе мати необов’язкове elseречення. Синтаксис if… elseвисловлення:

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

Оператор if… elseобчислює умову всередині дужок.

Якщо стан оцінюється як true,

  1. ifвиконується код всередині тіла
  2. код всередині тіла elseпропускається з виконання

Якщо стан оцінюється як false,

  1. elseвиконується код всередині тіла
  2. код всередині тіла ifпропускається з виконання
Робота оператора if … else

Приклад 2: Заява if … else

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

Вихід 1

 Введіть число: 2 Число додатне Якщо твердження if … else легко

Припустимо, користувач ввів 2 . У цьому випадку стан number> 0оцінюється як true. Отже, тіло ifвиписки виконується, а тіло elseвиписки пропускається.

Вихід 2

 Введіть число: -1 Число є або від’ємним числом, або 0 Якщо твердження if … else легко

Припустимо, користувач ввів -1 . У цьому випадку стан number> 0оцінюється як false. Отже, тіло elseвиписки виконується, а тіло ifвиписки пропускається.

JavaScript if … else if твердження

Оператор if… elseвикористовується для виконання блоку коду серед двох варіантів. Однак, якщо вам потрібно зробити вибір між більш ніж двома альтернативами, if… else if… elseможна використовувати.

Синтаксис if… else if… elseвисловлення:

 if (condition1) ( // code block 1 ) else if (condition2)( // code block 2 ) else ( // code block 3 )
  • Якщо умова1 оцінюється як true, виконується блок 1 коду .
  • Якщо Condition1 має значення false, то condition2 оцінюється.
    • Якщо умова2 є true, виконується блок 2 коду .
    • Якщо умова2 є false, виконується блок 3 коду .
Працює оператор if … else if … else

Приклад 3: if … else if Statement

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

Вихідні дані

 Введіть число: 0 Число дорівнює 0 Твердження if … else if … else легко

Припустимо, що користувач ввів 0 , тоді перша умова тесту number> 0має значення false. Потім number == 0обчислюється друга умова тесту trueі виконується відповідний блок.

Вкладено, якщо … інше Заява

Ви також можете використовувати if… elseвираз усередині if… elseвиписки. Це називається вкладеним оператором if … else .

Приклад 4: Вкладено заяву if … 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"); )

Вихідні дані

 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

У певних ситуаціях тернарний оператор може замінити if… elseоператор. Щоб дізнатись більше, відвідайте тернарний оператор JavaScript.

Якщо вам потрібно зробити вибір між кількома альтернативами на основі даної умови тесту, switchможна використати твердження. Щоб дізнатися більше, відвідайте перемикач JavaScript.

Цікаві статті...