В предыдущей части мы познакомились с переменными языка программирования. Сегодня же мы поговорим об операторах условий в JavaScript.
Операторы условий
Существует 3 основных вида операторов:
- Оператор if-else
- Оператор for
- И оператор while
Давайте подробнее разберёмся с каждым из них.
Синтаксис
Начнём с if-else (если - иначе)
В данном примере записана лишь часть от всей конструкции оператора. Данная конструкция предназначена для проверки какого-либо условия, происходящего сейчас, потом или, которое произойдёт. Для пояснения приведу пример:
У нас дома имеется машина, на которой вы ездите в город. Теперь давайте поставим условие и применим конструкцию:
У нас дома есть машина?
if(машина есть){
значит можем ехать в город
}
Думаю понятно. Далее будут примеры с программированием.
2-ой оператор for его также называют оператор цикла
На первый взгляд это выглядит странно и непонятно, но давайте я приведу простой пример и думаю вы поймёте.
Возьмём, к примеру яблоки.
Что такое начало - начало это то сколько яблок у нас сейчас имеется. Допустим у нас сейчас 10 яблок.
Условие - это то за какое время нам надо продать эти 10 яблок. К примеру, нам надо продать эти 10 яблок за 5 дней.
Шаг - это то, по сколько мы будем продавать 10 яблок, чтобы уложиться в эти 5 дней. Простыми математическими вычислениями мы можем посчитать, что каждый день нам надо продавать по 2 яблока.
Ниже можно посмотреть конструктивное оформление записи.
и наконец ещё один оператор цикла while(пока) в значении состояние
Что же такое состояние в while. Возьмём те же яблоки, тоесть пока у нас 10 яблок мы можем их продавать в том случае, когда мы продадим все 10 яблок мы уже не сможем их продавать т.к просто нечем будет.
Также существует другие операторы такие как do-while, switch-case, но о них мы поговорим в других уроках.
А теперь перейдём к практическим примерам
Примеры
Здесь приведён пример того, как сравниваются 2 числа это 10 и 5.
Мы создаём переменную num, в которую записываем число 10. Далее используем конструкцию if-else и записываем условие:
Если 10 > 5 → выводим сообщение: "10 больше 5" в консоль. И да я забыл упомянуть, что при создании условий используются знаки <, >, == , ===, ! и другие подробнее вы можете их узнать и, если вы только учите программирование, то лучше вам стоит их записать.
Почитать о таких знаках вы можете ниже.
Здесь уже показана более практичная схема условий конструкции
if-else, т.к используется 3-х ступенчатая система условий.
У нас есть переменная возраст (age) = 22.
Мы создаём 3 условия сравнения, при которых каждое условие подстраивается под заданное нами. Вы это можете видеть.
Почему я в последнем конструкции else не задавал условие, всё очень просто. Я уже перебрал нужные возраста, к которым мне нужно было ссылаться и поэтому оставил последнюю строчку просто как другой вариант.
Также вы можете заметить, что я использовал конструкцию
else if(){
} её используют для дополнительных условий, но можно использовать и несколько конструкций if.
Вот так выглядит практический синтаксис оператора for. Мы создаём переменную, которая равна 1 и идёт условие, что 1 < 10, далее идёт шаг i++ т.е мы к нашему числу 1 будет прибавлять 1, пока оно не станет 10.
НО
Условие стоит следующим образом i < 10 и вы можете увидеть на следующем слайде, что в консоль вывелось только до 9. Почему так?
Всё очень просто мы указали границу, до которой будем
прибавлять 1 это 10. Как только i будет = 10 цикл закончится и выведет все числа прошедшие этот цикл, но 10 не укажет. Для того, чтобы это было видно, что мы хотим именно дойти до 10 нужно сделать границу равной 10, а не ДО 10.
Здесь уже цикл прошёлся ровно до 10
Наконец-то мы дошли до цикла while практического применения.
Вспомним наши 10 яблок, которыми мы торговали. Здесь наглядно показан процесс продажи этих яблок.
Мы в цикле while задаём условие пока яблоки не будут равны 0, мы продаём по 2 яблока это видно в строчке apple -= 2;. Все эти операторы вам нужно будет знать или хотя бы понимать.
В итоге в консоле мы видим то, что цикл прошёлся до 0, но последняя цифра 2. Почему так?
Если подумать то ответ понятен, когда от 2 отнимается последняя 2, то остаётся 0, но ведь от 0 нам же не отнять 2, потому что всё яблоки закончились. Поэтому показывается последние яблоки, которые мы продавали и указывает на то, что всё. Мы всё продали.
Задачки
Теперь, чтобы закрепить материал предлагаю вам порешать простенькие задачки
Вот мы подошли к концу данного урока. Надеюсь вам было интересно узнать что-то новое или закрепить старое. Всем успехов в изучении программирования.
В следующем уроке поговорим о массивах!
