Условное ветвление в JavaScript

В этой статье объясняется условное ветвление в JavaScript.

YouTube Video

Оператор if в JavaScript

Базовый синтаксис

1if (condition) {
2    // Code that executes if the condition is true
3}

Оператор if в JavaScript — это базовая структура управления, которая используется для выполнения кода в зависимости от того, истинно или ложно заданное условие. Если условие истинно, блок кода выполняется; если оно ложно, выполнение пропускается.

Пример

1let x = 10;
2
3if (x > 5) {
4    console.log("x is greater than 5");
5}

В этом примере, так как значение x больше 5, в консоли отображается x больше чем 5.

Оператор else

Базовый синтаксис

1if (condition) {
2    // Code that executes if the condition is true
3} else {
4    // Code that executes if the condition is false
5}

Используя оператор else после оператора if, вы можете указать код, который будет выполняться, если условие ложно.

Пример

1let x = 3;
2
3if (x > 5) {
4    console.log("x is greater than 5");
5} else {
6    console.log("x is 5 or less");
7}

В этом случае, так как x меньше 5, отображается "x меньше или равно 5".

Оператор else if

Базовый синтаксис

1if (condition1) {
2    // Code that executes if condition1 is true
3} else if (condition2) {
4    // Code that executes if condition1 is false and condition2 is true
5} else {
6    // Code that executes if both condition1 and condition2 are false
7}

Если вам нужно проверить несколько условий, используйте else if. Следующее условие проверяется, если первое условие в if ложно.

Пример

1let x = 5;
2
3if (x > 10) {
4    console.log("x is greater than 10");
5} else if (x === 5) {
6    console.log("x is 5");
7} else {
8    console.log("x is 5 or less");
9}

В этом случае, так как x равно 5, будет отображено "x равно 5".

Тернарный оператор (условный оператор)

Синтаксис

1condition ? valueIfTrue : valueIfFalse

Если вы хотите записать оператор if более лаконично, вы можете использовать тернарный оператор.

Пример

1const number = 7;
2const result = number % 2 === 0 ? "Even" : "Odd";
3console.log(result); // "Odd"

В этом случае, так как number равно 7, отображается Нечетное.

Резюме

• Операторы if управляют тем, какой код выполняется, в зависимости от того, истинно или ложно условие.
• Вы можете задать поведение для случая, если условие ложно, с помощью else.
• Вы можете проверить несколько условий, используя else if.
• Вы также можете использовать тернарный оператор, чтобы записать условное ветвление лаконично.

Оператор switch в JavaScript

Базовый синтаксис

 1switch (expression) {
 2    case value1:
 3        // Code that executes if the expression matches value1
 4        break;
 5    case value2:
 6        // Code that executes if the expression matches value2
 7        break;
 8    default:
 9        // Code that executes if no cases match
10}

Оператор switch в JavaScript используется для сравнения одного выражения (обычно переменной) с несколькими значениями (кейсы) и выполнения соответствующего кода. Подобно оператору if, он выполняет условное ветвление, но часто оказывается более читаемым, когда есть несколько условий.

Пример

 1let fruit = "apple";
 2
 3switch (fruit) {
 4    case "apple":
 5        console.log("This is an apple");
 6        break;
 7    case "banana":
 8        console.log("This is a banana");
 9        break;
10    default:
11        console.log("Unknown fruit");
12}

В этом примере, поскольку fruit равно "apple", в консоли будет отображено "Это яблоко".

break の役割

Добавляя break в конце каждого случая, вы выходите из оператора switch после выполнения этого случая. Если вы не пишете break, будет выполнен следующий случай (это называется прохождением).

Пример прохождения

 1let color = "red";
 2
 3switch (color) {
 4    case "red":
 5        console.log("This is red");
 6    case "blue":
 7        console.log("This is blue");
 8    default:
 9        console.log("Unknown color");
10}

В этом случае, поскольку color равно "red", и после "Это красный" отсутствует break, также будут выведены "Это синий" и "Неизвестный цвет".

Использование default

default — это часть, которая выполняется, если ни один из случаев не совпал. Это соответствует else в операторе if.

 1let animal = "dog";
 2
 3switch (animal) {
 4    case "cat":
 5        console.log("This is a cat");
 6        break;
 7    case "bird":
 8        console.log("This is a bird");
 9        break;
10    default:
11        console.log("Unknown animal");
12}

В этом случае, поскольку animal равно "dog", применяется default, и отображается "Неизвестное животное".

Обработка нескольких значений в одном случае

Если вы хотите выполнить одно и то же действие для нескольких случаев, вы можете записать их подряд.

Пример

 1let day = 1;
 2switch (day) {
 3    case 1:
 4    case 2:
 5    case 3:
 6    case 4:
 7    case 5:
 8        console.log("Weekday");
 9        break;
10    case 6:
11    case 7:
12        console.log("Weekend");
13        break;
14    default:
15        console.log("Unknown day");
16}

В этом примере, если day равно 1, отображается "Будний день".

switch vs. if

• Оператор if подходит для проверки сложных условий или диапазонов. Например, сложные условия, такие как переменная x, большая или равная 10 и меньшая или равная 20, не могут быть записаны в switch.
• Оператор switch иногда может сделать код более читаемым при проверке, соответствует ли значение определенному.

Резюме

• Оператор switch используется для лаконичного написания условных ветвлений для нескольких значений.
• Если вы не используете break в конце каждого case, следующий case также может быть выполнен (провал сквозь).
• default выполняется, если ни один из случаев не совпадает.

Вы можете следовать этой статье, используя Visual Studio Code на нашем YouTube-канале. Пожалуйста, также посмотрите наш YouTube-канал.

YouTube Video