Условные операторы в JS

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

Структура условного оператора выглядит следующим образом:

if (условие) {
// команды для выполнения в случае истинности условия
}

Если условие написанное в скобках будет истинно, то выполнятся команды, находящиеся внутри фигурных скобок, если же, условие ложно то программа пропустит эти команды и продолжит работать дальше.

Есть еще несколько вариантов написания условного оператора, они являются более сложными.

Один из вариантов позволяет добавить выполнение команд если условие не только истинно но и ложно:

if (условие) {
// команды для выполнения в случае истинности условия
} else {
// команды для выполнения в случае если условие ЛОЖНО
}

При данном написании, в случае истинности условия будут выполнены команды заключенные в первые фигурные скобки, а если условие будет ложно, то выполнятся команды во вторых фигурных скобках.

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

if (условие1) {
// команды для выполнения в случае истинности условия
} else if (условие2) {
// команды для выполнения в случае истинности условия2 
} else if (условие3) {
// команды для выполнения в случае истинности условия3 
} else {
// команды для выполнения, если все вышестоящие условия ложны
}

В большинстве случаев, условный оператор используется для сравнения двух величин.

Например:

if (otvet == 312) {
alert("Молодец! Ты выиграл суперприз!");
}

 

Оператор Switch

Как уже писалось ранее что в программировании может возникнуть ситуация когда одну и ту же переменную необходимо проверить на несколько условий, и в зависимости от результата выполнить определенные действия. Если выполнять эти проверки с помощью оператора if   else if то код получается довольно длинный и есть вероятность запутаться.

Вот так это выглядит с оператором if else if

if (var1 == 2) {
// команды для выполнения в случае истинности условия
} else if (var1 == 4) {
// команды для выполнения в случае истинности условия2 
} else if (var1 == 5) {
// команды для выполнения в случае истинности условия3 
} else {
// команды для выполнения, если все вышестоящие условия ложны
}

С оператором  Switch данный код можно преобразить в следующий вид :

switch (var1) {
case 4 : 
      //команды для выполнения если переменная равна 4
      break;
case 5 : 
       //команды для выполнения если переменная равна 5
       break;
case 1 : 
       //команды для выполнения если переменная равна 1
       break;
default :
      //команды которые будут выполнены если переменная не  равна не одному из представленных значений
}

Данный вид записи существенно облегчает код, его написание и чтение его программистом.

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

Операторы сравнения в JS

 

Равно == сравнивает две величины на предмет полной идентичности
Не равно != сравнивает две величины на предмет неравенства друг другу
Строго равно === сравнивает две величины, но сравнивает не только значение, но и типы данных. Чтобы данное равенство было истинным, две переменный должны иметь один тип данных и одинаковое значение. Например «2» === 2, будет ложным так как типы данных  разные, первое значение это строка а второе это число. Но «2» == 2, будет истинно, так как значения одинаковые
Строго не равно !== обратный строгому равно оператор, сравнивает не только значение но и типы данных. Разницу можно просмотреть на примере: «2» != 2, данное условие будет ложно, так как значения равны, но «2» !== 2, будет истинно, так как типы данных разные
Больше > сравнивает два числа, и проверяет является ли значение слева, больше чем значение справа
Меньше < сравнивает два числа и проверяет является ли значение слева меньше, чем значение справа
Больше или равно >= сравнивает два числа и проверяет является ли значение слева больше или равно значению справа
Меньше или равно <= сравнивает два числа и проверяет является ли значение слева меньше или равно значению справа

Более сложные условия

Очень часто при разработке скриптов и сценариев, приходится сталкиваться с несколькими различными переменными. Возникает необходимость в более сложных условных выражениях. Например при регистрации, при отправке заполненной формы необходимо проверить сразу несколько условий чтобы форма отправилась на сервер для обработки. Это могут быть такие условия как: заполнены ли все поля формы, используются ли в логине или пароле только буквы и цифры и прочее.

Например можно рассмотреть ситуацию когда нам необходимо сложное условие. Если у меня завтра будет выходной И будет хорошая погода, то я пойду гулять в парк. В данном случае если будут выполнены два условия то вы идете гулять в парк, если хотя бы одно условие не выполнено но прогулки не будет.

В языке JavaScript можно комбинировать условия. Например очень часто возникает необходимость проверит принадлежит ли переменная заданному промежутку.

if (a>1 && a<10) {
alert("переменная принадлежит промежутку от 1 до 10";
}

В данном примере есть два условия: первое — является ли переменная больше 1, второе — является ли переменная меньше 10. И только в случае выполнения обоих условий условное выражение будет истинно. Никто не ограничивает вас только двумя условиями, таких условий может множество.

Таблица логических условий

И && Логическое умножение.

if (условие1)&&(условие2) {

\\выполняемый код

}

В данном случае код программы будет выполняться если первое и второе условия будут истинны. В случае если одно из условий будет ложно то код выполнен не будет.

ИЛИ || Логическое сложение.

if (условие1)||(условие2) {

\\выполняемый код

}

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

НЕ ! Отрицание.

Данный оператор уже использовали ранее (!= — не равно). Но он может использоваться и обособленно. Он используется чтобы изменить результат условия на противоположный. Другими словами можно превратить истинное выражение в ложное и наоборот.