Меню
Спросить
JS

Условия JavaScript

13 октября 2017
Условия JavaScript

Всем привет. Сегодня вновь погода теплая, мой рыжий кот хотя и свернулся калачиком, но при появлении первых, теплых солнечных лучей на его хитрой заднице, просыпается и начинает сладко зевать и потягиваться. Желаю всем хорошего дня или ночи. Сегодня затронем тему условий в JavaScript. Начнем с того, что ответим на вопрос, что такое условия?
Условия, по факту это тоже операторы, с помощью условий, к примеру, можно более точно проверять значения, сделать те или иные действия в зависимости от предыдущих действий и далее далее далее.

IF, ELSE

IF и ELSE - это и есть условные операторы. Чтобы проще понимать, запомните их так:
- IF произносим как "ЕСЛИ"
- ELSE произносим как "В ПРОТИВНОМ СЛУЧАЕ".
Давайте рассмотрим пример условия из жизни:

  1. var
  2. ребенок, ленточка;
  3. ЕСЛИ (ребенок == мальчик) {
  4.     ленточка = голубая;
  5. }
  6. В ПРОТИВНОМ СЛУЧАЕ {
  7.     ленточка = розовая;
  8. }

А теперь напишем это на JavaScript:

  1. var
  2. child, tape;
  3. child = 'boy';
  4. if (child == 'boy') {
  5.     alert('У вас мальчик, держите голубую ленточку! =)');
  6. }
  7. else {
  8.     alert('У вас девочка, держите розовую ленточку! =)');
  9. }

Посмотрите результат, а потом поменяйте значение переменной child на "девочка" и вновь посмотрите, что получилось.
То есть, алгоритм такой:
оператор if проверяет условие в скобках, если условие срабатывает, то есть оно ИСТИННО или TRUE выполняются условия в фигурных скобках, если условия не срабатывает, то есть оно ЛОЖНОЕ или FALSE, в дело вступает оператор else и происходит действия в его фигурных скобках.
Можно уточнить проверку, слово boy мы можем проверить, а вот проверить девочка или нет не можем, так не написали для этого условия, поэтому давайте допишем, конкретизируем оператор ELSE.

  1. var
  2. child, tape;
  3. child = 'boy';
  4. if (child == 'boy') {
  5.     alert('У вас мальчик, держите голубую ленточку! =)');
  6. }
  7. else if(child == 'girl') {
  8.     alert('У вас девочка, держите розовую ленточку! =)');
  9. }

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

Примеры

Давайте рассмотрим пример числами и логическими операторами, которые изучали на прошлой теме. Объявим три переменные:

  1. var
  2. a,b,c;

Теперь присвоим им всем значение в виде числа 4.

  1. var
  2. a,b,c;
  3. a = b = c = 4;

А теперь сделаем условие с помощью логических операторов. Проверит равны ли все три переменные числу 4. Сначала озвучим условие, прямо прочитайте его и вникнете:

  1. ЕСЛИ ( (переменная "а" == 4) И (переменная "b" == 4) И (переменная "c" == 4) ) {
  2.     alert('Сработало!');
  3. }

После этого напишите код в JavaScript, соответственно проговаривая этот текст.

  1. var
  2. a,b,c;
  3. a = b = c = 4;
  4. if ( (a == 4) && (b == 4) && (c == 4) ) {
  5.     alert('Сработало!');
  6. }

Проверьте результат. Теперь попробуйте не присваивать к переменной "с" значение 4 и вновь посмотрите результат. Ни чего не происходит. Если вы еще не поняли почему, то прочитайте еще раз, мы говорим, что И переменная "а" И переменная "b" И переменная "с" должны быть равны числу 4. Ключевое слово "И". Так вот, если одна из переменных не равна 4, условие естественно не сработает. Чтобы сработало, нужно приравнять или вместо оператора "И" поставить оператор "ИЛИ".

  1. var
  2. a,b,c;
  3. a = b = 4;
  4. if ( (a == 4) && (b == 4) || (c == 4) ) {
  5.     alert('Сработало!');
  6. }

Переменная "а" И переменная "b" ИЛИ переменная "c", то есть мы говорим как бы и переменная а и переменная б должны быть равны 4, а переменная цэ или равная или нет без разницы. Думаю ты разберешься, посмотри видео ниже для закрепления и дерзай дальше =)

Заключение

Теперь ты в курсе кто такие условия и как с ними нужно общаться. Всем спасибо за урок, пока =)

Следующая статьяПредыдущая статья