У цьому підручнику ви дізнаєтесь про твердження if … else для створення програм прийняття рішень за допомогою прикладів.
У комп'ютерному програмуванні можуть виникати ситуації, коли вам доводиться запускати блок коду з кількох варіантів. Наприклад, присвоєння оцінок A , B або C на основі оцінок, отриманих студентом.
У таких ситуаціях ви можете використовувати інструкцію JavaScript if… else
для створення програми, яка може приймати рішення.
У JavaScript є три форми if… else
заяви.
- якщо твердження
- якщо … ще твердження
- if … else if … else заява
JavaScript, якщо заява
Синтаксис if
висловлення:
if (condition) ( // the body of if )
Оператор if
обчислює умову всередині дужок ()
.
- Якщо обчислюється умова, виконується
true
код всередині тілаif
. - Якщо обчислюється умова
false
, код всередині тіла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
,
if
виконується код всередині тіла- код всередині тіла
else
пропускається з виконання
Якщо стан оцінюється як false
,
else
виконується код всередині тіла- код всередині тіла
if
пропускається з виконання

Приклад 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 коду .
- Якщо умова2 є

Приклад 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.