Ник Морган - JavaScript для детей. Самоучитель по программированию

и условие name.length > 6 даст true .В результате будет выполнено

тело оператора if, и в консоли появится несколько фамильярное сооб-

щение. Чтобы избежать выполнения if, поменяйте имя Николай на Ник

(оставив остальной код без изменений):

var name = "Ник";

Теперь сохраните файл и перегрузите страничку. На этот раз условие

name.length > 6 даст false, поскольку name.length равно 3. В итоге

тело оператора if выполнено не будет, а в консоли появится лишь:

Привет, Ник

Тело оператора if выполняется, только когда условие дает true.

Если же условие дает false, интерпретатор игнорирует конструкцию if

и переходит к следующей за ней строке.

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

Как я уже говорил, оператор if запускает код своего тела, только если

условие дает true. Но если вы хотите, чтобы по условию false тоже

что-то происходило, вам нужна конструкция if... else.

Давайте дополним предыдущий пример:

var name = "Николай";

console.log("Привет, " + name);

if (name.length > 6) {

console.log("Ну и длиннющее же у вас имя!");

} else {

console.log("Имя у вас не из длинных.");

}

Этот код делает практически то же, что и раньше, однако, если

имя (name) не длиннее 6 символов, он выводит другое, альтернативное

сообщение.

98 Часть I. Основы

Как видно по рис. 6.2, конструкция if... else похожа

на конструкцию if, однако у нее целых два тела, между кото-

рыми расположено ключевое слово else. Первое тело будет

выполнено, если условие дает true, иначе выполняется код

второго тела.

Условие (true или false)

Код, который выполняется,

если условие = true

if (condition) {

console.log("Делаем что-то");

} else {

console.log("Делаем что-то другое!");

}

Код, который выполняется,

если условие = false

Рис. 6.2. Общая структура конструкции if... else

Цепочка из конструкций if... else

Зачастую нужно проверить несколько условий и сделать что-то, если

одно из них дает true. Пример: вы пришли в китайский ресторан и выби-

раете, что бы такое съесть. Больше всего вы любите курицу с лимоном

(lemon chicken), и, если она есть в меню, вы ее закажете. Если же ее нет, вы

закажете говядину в соусе из черных бобов (beef with black bean). Однако

если и это блюдо отсутствует, вы остановитесь на свинине в кисло-

сладком соусе (sweet and sour pork). Наконец, в маловероятном случае,

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

знаете, что его подают во всех китайских ресторанах.

var lemonChicken = false;

var beefWithBlackBean = true;

var sweetAndSourPork = true;

if (lemonChicken) {

console.log("Отлично! Я буду курицу с лимоном!");

} else if (beefWithBlackBean) {

console.log("Заказываю говядину.");

} else if (sweetAndSourPork) {

console.log("Ладно, закажу свинину.");

} else {

console.log("Что ж, остается рис с яйцом.");

}

6. Условия и циклы 99

Чтобы создать цепочку if... else, начните с обычного оператора if

и после закрывающей фигурной скобки его тела введите ключевые слова

else if, а следом — еще одно условие и еще одно тело. После можно

добавить еще else if, и так до тех пор, пока у вас не закончатся условия

(которых может быть сколько угодно). Завершающая секция else будет

выполнена, если ни одно из условий не дает true. На рис. 6.3 показана

классическая цепочка конструкций if... else.

Для каждого условия указан код,

который выполняется, если условие

дает true

if (condition1) {

console.log("Сделай это, если условие 1 истинно");

} else if (condition2) {

console.log("Сделай это, если условие 2 истинно");

} else if (condition3) {

console.log("Сделай это, если условие 3 истинно");

} else {

console.log("Иначе сделай это");

}

Код, который нужно выполнить,

когда все условия дают false

Рис. 6.3. Цепочка конструкций if... else

Можно прочитать этот код так:

• Если первое условие дает true, выполнить код из первого тела.

• Иначе, если второе условие дает true, выполнить второе тело.

• Иначе, если третье условие дает true, выполнить третье тело.

• Иначе выполнить тело else.

Имея цепочку if... else с завершающей секцией else,

можно не сомневаться, что одно (и только одно) из тел будет

выполнено. Как только выяснится, что одно из условий дает

true, будет запущен код из соответствующего тела, а после-

дующие условия проверяться уже не будут. Если запустить код

из предыдущего примера, мы увидим в консоли «Заказываю

говядину», поскольку beefWithBlackBean — первое из усло-

вий в цепочке if... else, которое равно true. Если же ни одно

из условий не даст true, будет выполнено тело else.

100 Часть I. Основы

Также обратите внимание: указывать завершающее else необяза-

тельно. Однако если вы этого не сделаете, то в случае, когда ни одно из усло-

вий не дает true, ничего из цепочки if... else выполнено не будет.

var lemonChicken = false;

var beefWithBlackBean = false;

var sweetAndSourPork = false;

if (lemonChicken) {

console.log("Отлично! Я буду курицу с лимоном!");

} else if (beefWithBlackBean) {

console.log("Заказываю говядину.");

} else if (sweetAndSourPork) {

console.log("Ладно, закажу свинину.");

}

В этом примере мы не стали указывать завершающую секцию else.

Поскольку ни одного из ваших любимых блюд нет, в консоли не появится

никаких сообщений (и, по всей видимости, вы останетесь без обеда).

ПОПР ОБУ ЙТЕ !

Напишите программу с переменной name. Если в этой переменной находится

ваше имя, напечатайте: «Привет мне!» — иначе напечатайте: «Привет,

незнакомец!» (Подсказка: используйте === для сравнения переменной name

с вашим именем.)

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

если в name его имя, и с вашей мамой, если в name ее имя. Если же там

что-то иное, по-прежнему печатайте «Привет, незнакомец!».

Циклы

Как мы теперь знаем, условные конструкции позво-

ляют запускать фрагмент кода, если условие дает

true. Циклы, с другой стороны, позволяют выполнять

фрагмент кода многократно — до тех пор, пока некое

условие дает true. Примеры: до тех пор, пока в тарелке

есть пища, следует продолжать есть; до тех пор, пока

на лице грязь, следует продолжать умываться.

Цикл while

Самый простой из циклов — цикл while. Этот цикл снова и снова выпол-

While — до тех

няет код своего тела, до тех пор, пока заданное условие не перестанет давать

пор, пока

true. Используя цикл while, мы имеем в виду следующее: «Продолжай

делать это, пока условие дает true. Но если оно даст false, остановись».

6. Условия и циклы 101

Как видно на рис. 6.4, цикл while начинается с ключевого слова

while, после которого в скобках стоит условие, а за ним идет тело,

заключенное в фигурные скобки.

Это условие проверяется

при каждом повторе цикла

while (condition) {

console.log("Делаем что-то");

i++;

}

Код, который будет выполняться снова и снова,

до тех пор, пока условие дает true

(что-то в этом коде должно влиять на условие,

чтобы в какой-то момент оно дало false)

Рис. 6.4. Общая структура цикла while

Аналогично конструкции if, тело цикла while выполняется, если