Условные операторы: if, '?'

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

Например:

var year = prompt('В каком году появилась спецификация ECMA-262 5.1?', '');

if (year != 2011) alert('А вот и неправильно!');

Оператор if

Оператор if («если») получает условие, в примере выше это year != 2011. Он вычисляет его, и если результат - true, то выполняет команду.

Если нужно выполнить более одной команды - они оформляются блоком кода в фигурных скобках:

if (year != 2011) {
  alert('А вот и неправильно!');
  alert('В 2011 году!');
}

Рекомендуется использовать фигурные скобки всегда, даже когда команда одна. Это улучшает читаемость.

Можно выделить вычисление условия в отдельную переменную:

var cond = year != 2011; 

if (cond) {
  ...
}

Преобразование к логическому типу

Оператор if вычисляет и преобразует cond к логическому типу.

В логическом контексте число 0, пустая строка "", null и undefined, а также NaN(познакомимся с этим значением далее) являются false, остальные значения — true.

Например, такое условие никогда не выполнится:

if (0) { // 0 преобразуется к false
  ...
}

… А такое — выполнится всегда:

if (1) { // 1 преобразуется к true
  ...
}

if ("0") {
  alert('Привет');
}

if ("0") {
  alert('Привет');
}

Неверное условие, else

Необязательный блок else («иначе») выполняется, если условие неверно:

var year = prompt('Введите год ECMA-262 5.1', '');

if (year == 2011) {
  alert('Да вы знаток!');
} else {
  alert('А вот и неправильно!'); // любое значение, кроме 2011
}

Несколько условий, else if

Бывает нужно проверить несколько вариантов условия. Для этого используется блок else if .... Например:

var year = prompt('В каком году появилась спецификация ECMA-262 5.1?', '');

if (year < 2011) {
  alert('Это слишком рано..');
} else if (year > 2011) {
  alert('Это поздновато..');
} else {
  alert('Да, точно в этом году!');
}

В примере выше JavaScript сначала проверит первое условие, если оно ложно - перейдет ко второму - и так далее, до последнего else.

Оператор вопросительный знак '?'

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

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

*!*
if (age > 14) {
  access = true;
} else {
  access = false;
}
*/!*

alert(access);

Оператор вопросительный знак '?' позволяет делать это короче и проще.

Он состоит из трех частей:

условие ? значение1 : значение2

Проверяется условие, затем если оно верно — возвращается значение1 , если неверно - значение2, например:

access = (age > 14) ? true : false;

Оператор '?' выполняется позже большинства других, в частности - позже сравнений, поэтому скобки можно не ставить:

access = age > 14 ? true : false;

.. Но когда скобки есть - код лучше читается. Так что рекомендуется их писать.

access = age > 14;

if (a + b < 4) {
  result = 'Мало';
} else {
  result = 'Много';
}

result = (a + b < 4) ? 'Мало' : 'Много';

Несколько операторов '?'

Несколько операторов if..else можно заменить последовательностью операторов '?'. Например:

var a = prompt('a?', 1);

*!*
var res = (a == 1) ? 'значение1' : 
  (a == 2) ? 'значение2' : 
  (a > 2) ? 'значение3' : 
  'значение4';
*/!*

alert(res);

Поначалу может быть сложно понять, что происходит. Однако, внимательно приглядевшись, мы замечаем, что это обычный if..else!

Вопросительный знак проверяет сначала a == 1, если верно — возвращает значение1, если нет - идет проверять a == 2. Если это верно — возвращает значение2, иначе проверка a > 2 и значение3.. Наконец, если ничего не верно, то значение4.

Альтернативный вариант с if..else:

var res;

if (a == 1) {
  res = 'значение1';
} else if (a == 2) {
  res = 'значение2';
} else if (a > 2) {
  res = 'значение3';
} else {
  res = 'значение4';
}

if (login == 'Вася') {
  msg = 'Привет';
} else if (login == 'Директор') {
  msg = 'Здравствуйте';
} else if (login == '') {
  msg = 'Нет логина';
} else {
  msg = '';
}

msg = (login == 'Вася') ? 'Привет' :
  (login == 'Директор') ? 'Здравствуйте' :
  (login == '') ? 'Нет логина' :
  '';