базовый курс

ГРУППА КУРСА

Условия в JavaScript

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

Оператор условия

Условие в JavaScript задаётся с помощью оператора if. Оно указывается в скобках. Для указания условий используются операторы сравнения, которые рассматривались в прошлой теме. После условия в фигурных скобках идут строки, которые выполняются, только если условие соблюдается. Для примера создадим страницу и добавим на неё оператор условия.

+
9
10
11
12
13
14
15
document.write('Начало программы ');
let x = 8;
if (x < 10)
  {
  document.write('Строка выполнится, если x < 10 ');
  }
document.write('Продолжение ');

Запустите страницу и Вы увидете, что на экран вывелись строки "Начало программы" и "Продолжение", а между ними текст из оператора условия. Теперь сделаем так, чтобы условие не выполнялось. Для этого изменим значение переменной x:

10
let x = 30;

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

Если в фигурных скобках только одна строка, как в нашем примере, то фигурные скобки можно не ставить. Добавим на страницу ещё один оператор if, но в другом виде:

16
17
if (x < 10)
document.write('Оператор без фигурных скобок ');

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

В фигурных скобках оператора условия может находиться очень много строк. Это может быть основная часть программы. При этом, если существуют переменные, которые используются не только внутри оператора, но и в дальнейшем, то объявлять эти переменные нужно до оператора.

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

21
22
23
24
if (x<100 && x>2)
  {
  document.write('Строка выполнится, если оба сравнения верны ');
  }

Конструкция if else

Конструкция if else позволяет написать строки, которые будут работать, если условие не выполняется. После фигурных скобок оператора if пишется cлово else, за ним ставятся фигурные скобки и в них содержится код, который будет выполняеться, если условие не соблюдается:

25
26
27
28
29
30
31
32
33
document.write('Новая часть ');
if (x==7)
  {
  document.write('Выполнится, если сравнение верно ');
  }
else 
  {
  document.write('Выполнится, если сравнение не верно ');
  }

Как и в простом операторе if, в конструкции if else JavaScript позволяет не ставить фигуные скобки, если в них содержится только один оператор.

Оператор условия "?"

Сущесвует ещё один оператор условия. Он выглядит как знак вопроса. Лично я его не использую, потому что мне он кажется неудобным. Его можно применять в тех случаях, когда в зависимости от условий, какой-то переменной нужно присвоить либо одно значение, либо другое. Пример:

34
35
let ans = (x < 7) ? 'Условие выполняется' : 'Условие не выполняется';
document.write(ans);

Этот оператор работает так: проверяет условие в скобках, если оно выполняется, то оператор возвращает значение до двоеточия. А если оно не выполняется, то оператор возвращает значение после двоеточия.

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