Условия в Javascript

В этом видео мы разберем с вами операторы условия, а именно if и else.

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

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

if () {

}

If условие всегда начинается с слова if в нижнем регистре. После него идут круглые скобки, в которых мы можем написать какое-то выражение. Если результат в круглых скобках будет true, то дальше выполнится все, что написано в фигурных скобках. Если же результат будет false, то все, что написано внутри фигурных скобок вообще не выполнится.

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

var name = 'Alex'

if () {

}

Теперь давайте напишем условие внутри круглых скобок

var name = 'Alex'

if (name == 'Alex') {

}

То есть мы пишем внутри круглых скобок нашу переменную name, а дальше ==. == Это специальный оператор, который сравнивает равняется ли левая часть правой части. И возвращает true или false. И справа пишем то, с чем мы хотим сравнить.

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

Так как мы знаем, что в этом случае наше сравнение вернет true, то будет выполнен код внутри.

var name = 'Alex'

if (name == 'Alex') {
  document.write('My name is Alex')
}

Выведем на экран сообщение о имени. Если мы посмотрим в браузер, то увидим, что у нас вывелось сообщение.

Если же мы изменим имя Alex на другое, то тогда код внутри нашего if не выполнится.

Что же делать, если мы хотим сделать что-то, когда наше условие не выполнилось?

Для этого нам поможет оператор else. Else всегда расположен прямо под if.

var name = 'Mike'

if (name == 'Alex') {
  document.write('My name is Alex')
} else {
  document.write('My name is not Alex')
}

В else нет ничего, кроме фигурных скобок, так как мы всегда выполняем else, если условие в if не сработало.

Если мы посмотрим в браузер, то увидим, что у нас вывелось сообщение из else.

Нужно помнить, что else не может существовать без if, но он не обязателен и if может отлично работать без else.

Что же нам делать, если у нас будет больше одного условия? Например мы хотим, если имя Alex, выполнить что-то одно, если имя Mike, что-то другое, а если не выполнились эти условия, то что-то третье.

Для этого нам нужно else if условие. Его нужно ставить сразу под if условием и оно будет выглядеть так

var name = 'Mike'

if (name == 'Alex') {
  document.write('My name is Alex')
} else if (name === 'Mike') {
  document.write('My name is Mike')
} else {
  document.write('My name is not Alex')
}

Как вы видите, else if выглядит почти так же, как и if, то является вторым условием в этом коде.

Нужно также помнить о том, что else if может быть написан только, если у нас есть if. Сам по себе он существовать не может.

Если мы посмотрим в браузер, то увидим, что у нас сработало второе условие.

В наш код мы можем добавлять сколько угодно условий. Давайте добавим еще одно

var name = 'Mike'

if (name == 'Alex') {
  document.write('My name is Alex')
} else if (name === 'Mike') {
  document.write('My name is Mike')
} else if (name === 'John') {
  document.write('My name is John')
} else {
  document.write('My name is not Alex')
}

и их можно добавлять бесконечно.

Как же javascript выполняет этот код?

Он смотрит возвращает ли первое условие true, если да, то выполняет то что в скобках и дальше не делает никаких проверок
Если первое условие false, то он идет проверять первый else if, если он true, то выполняет его и пропускает остальные
И так он идет по всем else if, пока не найдет тот, который вернет true.
Если же ни один из них не вернет true, то он идет в else и выполняет его.

Условия используются в javascript на каждом шагу, поэтому их нужно хорошо знать и понимать.

Если у вас возникли какие-то вопросы или комментарии, пишите их прямо под этим видео.

#6 Условия в Javascript