Тема 1.2 Условные конструкции в JavaScript . Операторы цикла

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

В JavaScript имеются следующие условные конструкции (операторы):

Оператор if используется тогда, когда вы хотите, чтобы блок команд был выполнен если указанное условие истинно. Синтаксис:

if (условие) {

 блок команд;

}

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

Рассмотрим пример: 

<script>

let year = prompt('В каком году вы поступили в колледж связи?', '');

if (year == 2017) alert('Вы учитесь на 4 курсе!');

</script>

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

if (условие) {

операторы 1;

}

else {

операторы 2;

}

Можно совместить else с другим оператором if. В этом случае можно рассмотреть несколько альтернативных вариантов и выполнить соответствующие операторы:

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

операторы 1;

}

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

операторы 2;

}

else {

операторы 3;

}

Переделаем предыдущий пример:

let year = prompt('В каком году Интернет появился в России?', '');

if (year < 1990) {

alert('Слишком рано');

} else if (year > 1990){

alert('Слишком поздно');  

} else if (year == 1990){

alert('Верно!');  

}

Условный оператор «?»

Иногда бывает нужно назначить переменную в зависимости от условия. Например:

let accessAllowed;

let age = prompt('Сколько вам лет?', '');

 

if (age > 18) {

accessAllowed = true;

} else {

accessAllowed = false;

}

 

alert(accessAllowed);

 

Условный оператор «?» позволяет записать рассмотренный пример более коротким и простым способом. Данный оператор называют тернарным, т.к. он имеет три аргумента. Синтаксис:

let result = условие? значение 1: значение 2;

Сначала вычисляется условие, если оно истинно, то возвращается значение 1, в противном случае – значение 2.

let accessAllowed = (age > 18)? true: false;

 

Логические операторы

В JavaScript есть три логических оператора: | | (ИЛИ), && (И) и! (НЕ). Операторы могут применяться к значениям любого типа. Полученные результаты также могут иметь различный тип.

Оператор ИЛИ (| |) используется в if для проверки истинности любого из заданных условий.

let hour = 9;

 

if (hour < 10 || hour > 18) {

alert('Офис закрыт.');

}

Такую же проверку можно осуществить и с помощью логического оператора И (&&), но в отличии от ИЛИ оно будет возвращать первое ложное значение.

let hour = 17;

 

if (hour >= 10 && hour <= 18) {

alert('Офис открыт.');

}

Оператор! (НЕ). Синтаксис оператора: result =!value;

Оператор принимает один аргумент и выполняет следующие действия: сначала приводит аргумент к логическому типу true/false, а затем возвращает противоположное значение.

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

switch (выражение)

{

case значение1:операторы 1;

break;

case значение2:операторы 2;

break;

…

default:операторы;

}

Допустим, необходимо, чтобы сценарий переводил названия животных с русского языка на английский:

<script>

//Запрашиваем название животного

let t;

let b = prompt("Введите название животного");

 

//Находим соответствующее название на русском языке

switch (b)

{

case "собака": t="dog";

break;

case "кошка": t="cat";

break;

case "корова": t="cow";

break;

default: t="Неизвестное животное";

}

alert(b + "-" + t);

</script>

Операторы цикла

Цикл – это блок команд, который может повторно выполняться пока определенное условие не будет выполнено.

Цикл for использует блок команд пока заданное условие является истинным. Синтаксис:

for (выражение инициализации; выражение условия; выражение цикла)

{

операторы

}

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

Пример: Напишем программу, выводящую на страницу числа от 1 до 5.

for (i=1;i<=5;i++) {

document.write (i+'<br />');

}

Цикл while сходен с циклом for, но он не производит инициализацию и инкремент счетчика в своем объявлении. Синтаксис:

while (выражение условия) {

операторы;

}

Если выражение условия в цикле while сразу ложно, то операторы не выполнятся ни разу. Перепишем предыдущий сценарий для оператора while:

let i=1;

while (i<=5) {

document.write (i+'<br />');

i++;

}

 

Цикл do … while часто называют циклом с постусловием, потому что в отличие от предыдущих циклов он вначале исполняет блок команд и только потом проверяет заданное условие. Синтаксис:

do

{

операторы;

} while (выражение условия)

 

let i=20;

do {

document.write('Если Вы видите этот текст, код в цикле был исполнен.');

}

//Задаем ложное условие

while (i<=3);

 

Операторы break и continue

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