Условные конструкции позволяют изменить очередность исполнения команд.

Условные конструкции JavaScript

С помощью условных конструкций Вы можете изменить стандартную очередность выполнения команд (по умолчанию команды исполняются поочередно сверху вниз).

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

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

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

Используйте данную конструкцию если хотите, чтобы блок команд был выполнен только если указанное условие истинно.

Синтаксис:

if (условие) {
   //Команды расположенные здесь будут выполнены только если условие истинно
}

Пример

//Запишем число 7 в переменную a
var a=7;
//Запишем число 7 в переменную b
var b=7;
//Проверим совпадают ли числа
if (a==b) {
   //Если числа совпадают выведем "Числа совпадают"
   document.write("Числа совпадают");
}

Попробовать в редакторе

Быстрый просмотр

Если блок команд состоит из одной команды, то фигурные скобки могут быть опущены. Код ниже также будет исполнен корректно:

//Запишем число 7 в переменную a
var a=7;
//Запишем число 7 в переменную b
var b=7;
//Проверим совпадают ли числа и выведем "Числа совпадают" если это так
if (a==b) document.write("Числа совпадают");

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

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

Синтаксис:

if (условие) {
   //Команды расположенные здесь будут выполнены только если условие истинно
}
else {
   //Команды расположенные здесь будут выполнены только если условие ложно
}

Пример

//Запишем число 10 в переменную a
var a=10;
//Запишем число 7 в переменную b
var b=7;
//Проверим совпадают ли числа
if (a==b) {
   //Если числа совпадают выведем 'Числа совпадают'
   document.write('Числа совпадают');
}
else {
   //Если числа не совпадают выведем 'Числа не совпадают'
   document.write('Числа не совпадают');
}

Попробовать в редакторе

Быстрый просмотр

Обратите внимание: всегда пишите условные слова if и else строчными буквами, использование IF и ELSE приведет к ошибке JavaScript.

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

Используйте данную конструкцию если хотите, чтобы при определенном условии команды выполнились только в одном из нескольких блоков.

Синтаксис:

if (условие1) {
   //Команды расположенные здесь будут выполнены только если условие1 истинно
}
else if (условие2) {
   //Команды расположенные здесь будут выполнены только если условие2 истинно
}
....
else if (условиеN) {
   //Команды расположенные здесь будут выполнены только если условиеN истинно
}
else {
   //Команды расположенные здесь будут выполнены если ни одно из условий выше не было истинно
}

Пример

var a=20;
var b=44;
if (a > b) {
   document.write('<b>a больше b.</b>');
}
else if (a==b){
   document.write('<b>a равно b.</b>');
}
else {
   document.write('<b>a меньше b.</b>');
}

Попробовать в редакторе

Быстрый просмотр

Альтернативный синтаксис конструкции if..else

Данная конструкция выполняет действия аналогичные оригинальной конструкции if..else, но позволяет значительно сократить размер кода.

(условие)?команды1:команды2

Если условие истинно, будут выполнены команды1, если ложно будут выполнены команды2.

Пример

var a=20;
var b=44;
//Если переменная a больше переменной b, то переменной с будет присвоено 10, а если нет 20.
var c=(a>b)?10:20;
//Выведем значение переменной c на страницу
document.write(c);

Попробовать в редакторе

Быстрый просмотр

Конструкция Switch

Обратите внимание: ключевое слово break используется для предотвращения автоматического исполнения кода следующего case.

Обратите внимание: ключевые слова switch, case, break, default всегда должны быть написаны строчными буквами.

Синтаксис:

switch (x) {
   case n:
      Команды этого блока будут выполнены если x=n
   break;
   case t:
      Команды этого блока будут выполнены если x=t
   break;
   case j:
      Команды этого блока будут выполнены если x=j
   break;

   default:
      Команды этого блока будет выполнены если x не равен n, t и j
}

/* Если Вы хотите, чтобы при нескольких разных условиях был выполнен один 
и тот же блок команд просто объедините блоки: */

switch (x){
case n: case t: case j:
   Команды этого блока будут выполнены если x=n или x=t или x=j 
}

Пример

//Определяем сегодняшний день (Понедельник=1, Среда=3, Воскресенье=7 и т.д.)
dat=new Date(); 
day=dat.getDay();
//И в зависимости от этого выводим сообщения
switch(day) {
   case 6:
      document.write('<h2>'+'Сегодня выходной!'+'</h2>');
   break;
   case 0:
      document.write('<h2>'+'Сегодня выходной!'+'</h2>');
   break;
   default:
      document.write('<b>'+'Сегодня Вам нужно идти на работу...'+'</b>');
}

Попробовать в редакторе

Обратите внимание: операции с датой и временем, которые были использованы в данном примере будут подробно рассмотрены далее в этом учебнике.

Сделайте сами

Задание 1. Узнайте ключевое слово (подробности в редакторе):

Задание 1

<script type='text/javascript' src='Подключите внешний файл'></script>
<script type='text/javascript'>
//Пример кода для первого условия:
if (var1==25)
   document.write('A');
</script>

Приступить к выполнению

« Предыдущая глава Следующая глава »