Равенство по значению и типу

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

Почему так? Потому что одиночное равно зарезервировано за присваиванием. Смотрите пример:

 

var a = 0;

 

/*

    Если переменная a равна нулю, то выведи 'верно',

    иначе (если не равна нулю) выведи 'неверно'

*/

if (a == 0) alert('Верно! '); else alert('Неверно! '); //выведет 'Верно! '

 

А следующий пример работать будет не так, как мы думаем:

 

var a = 0;

 

/*

    Мы думаем оно работает так:

            если переменная a равна нулю, то выведи 'верно',

            иначе (если не равна нулю) выведи 'неверно'.

 

    На самом деле оно работает так:

            переменной a присвоить 1,

            если удалось присвоить - то выведи 'верно',

            иначе (если не удалось присвоить) выведи 'неверно'.

*/

 

if (a = 1) alert('Верно! '); else alert('Неверно! '); //всегда будет выводить 'Верно! '

 

Кроме оператора == существует еще и оператор ===. Их различие в том, что === сравнивает не только по значению, но и по типу, а == сравнивает только по значению.

Чтобы полностью разобраться в этом внимательно изучите примеры:

 

var a = '0'; //переменная a представляет собой строку, а не число 0

if (a == 0) alert('Верно! '); else alert('Неверно! ');

 

/*

    Выведет 'Верно! ', так как проверяется только значение, но не тип.

    Поэтому '0' равен 0.

*/

var a = '0'; //переменная a представляет собой строку, а не число 0

if (a === 0) alert('Верно! '); else alert('Неверно! ');

 

/*

    Выведет 'Неверно! ', так как строка '0'

    не равна числу 0 при сравнении по типу.

*/

Не равно

Для того, чтобы спросить 'не равно', существует операторы! = и! ==. Первый игнорирует различие в типах, а второй - нет.

 

var a = 0;

 

/*

    Если переменная a НЕ равна нулю, то выведи 'верно',

    иначе (если равна нулю) выведи 'неверно'

*/

if (a! = 0) alert('Верно! '); else alert('Неверно! '); //выведет 'Неверно! ', так как a равна 0

a = 1;

 

/*

    Если переменная a НЕ равна нулю, то выведи 'верно',

    иначе (если равна нулю) выведи 'неверно'

*/

if (a! = 0) alert('Верно! '); else alert('Неверно! '); //выведет 'Верно! ', так как a равна 1

var a = '0';

 

/*

    Если переменная a НЕ равна нулю, то выведи 'верно',

    иначе (если равна нулю) выведи 'неверно'

*/

if (a! = 0) alert('Верно! '); else alert('Неверно! ');

 

/*

    Выведет 'Неверно! ', так как a равно '0',

    а различие в типах игнорируется.

*/

var a = '0';

 

/*

    Если переменная a НЕ равна нулю, то выведи 'верно',

    иначе (если равна нулю) выведи 'неверно'

*/

if (a! == 0) alert('Верно! '); else alert('Неверно! ');

 

/*

    Выведет 'Верно! ', так как a равно '0',

    а это не равно 0 при сравнении по типу.

*/

Все операции сравнения

Возможные операции сравнения, которые можно использовать внутри if:

a == b	a равно b
a === b	a равно b и они одинаковы по типу
a! = b	a не равно b
a! == b	a не равно b или a равно b, но ни разные по типу
a < b	a меньше b
a > b	a больше b
a < = b	a меньше или равно b
a > = b	a больше или равно b

Несколько условий сразу

Иногда может быть нужно составить какое-то сложное условие, например, пользователь вводит месяц своего рождения и вам нужно проверить, что введенное число больше или равно 1 и меньше либо равно 12 (так как в году 12 месяцев).

Для этого существуют операторы & & (логическое И) и || (логическое ИЛИ).

 

var a = 3;

var b = - 3;

//Если a больше нуля и b одновременно меньше нуля то...

if (a > 0 & & b < 0) alert('Верно! '); else alert('Неверно! '); //выведет 'Верно! '

 

var a = 3;

//Если a больше или равно 1 и меньше или равно 12 то...

if (a > = 1 & & a < = 12) alert('Верно! '); else alert('Неверно! '); //выведет 'Верно! '

 

var a = - 3;

var b = - 3;

/*

    Если a больше нуля ИЛИ b меньше нуля - хотя бы один из них, то...

    выведет 'Верно! ', так как хотя a и не больше нуля,

    но одно из условий - b < 0 - выполнится!

*/

if (a > 0 || b < 0) alert('Верно! '); else alert('Неверно! ');

Работа с логическими переменными

Многие функции JavaScript в результате своей работы возвращают либо true (истина), либо false (ложь). Эти значения довольно удобны при своей работе, но новичкам бывает довольно сложно понять их.

Представим себе, что переменная a равна true. В таком случае конструкцию if можно записать так:

 

var a = true;

 

//Если a равно true, то...

if (a == true) alert('Верно! '); else alert('Неверно! ');

 

/*

    Выведет 'Верно! ', так как a равно true.

*/

 

Так как такие сравнения довольно распространены в JavaScript, то существует специальный прием, облегчающий работу (но не понимание, к сожалению).

Прием такой: конструкцию a == true можно заменить на более простую: вместо if (a == true) написать if (a) и она будет работать аналогично.

 

Следует пользоваться второй конструкцией, так как она проще.

/*

    Заменим a == true на более простую:

    вместо if (a == true) напишем if (a):

*/

 

var a = true;

//Если a равно true, то...

if (a) alert('Верно! '); else alert('Неверно! '); //выведет 'Верно! ', так как a равно true

 

var a = true;

//Если a НЕ true (то есть false! ), то...

if (! a) alert('Верно! '); else alert('Неверно! '); //выведет 'Неверно! ', так как a равно true

 

Также обратите внимание на следующие примеры:

 

//Данное выражение всегда будет выводить 'Верно'

if (true) alert('Верно! '); else alert('Неверно! ');

 

//Данное выражение всегда будет выводить 'Неверно'

if (false) alert('Верно! '); else alert('Неверно! ');

 

//Данное выражение всегда будет выводить 'Неверно'

if (! true) alert('Верно! '); else alert('Неверно! ');

 

//Данное выражение всегда будет выводить 'Верно'

if (! false) alert('Верно! '); else alert('Неверно! ');

Вложенные if

Предположим, нам необходимо спросить у JavaScript такую вещь: если переменная a не определена, то вывести 'Введите a', если определена, то проверить - больше нуля a или нет. Если больше нуля - то вывести 'Больше нуля! ', если меньше - вывести 'Меньше нуля'.

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

 

if (a === undefined) { //если переменная a не определена

    alert('Введите a! ');

} else { //если переменная a НЕ пуста

    if (a > 0) { //спрашиваем, больше ли нуля переменная a

            alert('Больше нуля! ');

    } else {

            alert('Меньше нуля! ');

    }

}

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

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

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

 

//Решение предыдущей задачи через конструкцию else if:

if (a === undefined) {

    alert('Введите a! ');

} else if (a > 0) {

    alert('Больше нуля! ');

 } else {

    alert('Меньше нуля! ');

}

 

Можно использовать несколько else if, но злоупотреблять этим не стоит (лучше будет воспользоваться конструкцией switch-case, о которой ниже).

Несколько if

Пусть у нас есть такая задача: сайт поддерживает 3 языка - русский, английский, немецкий. Переменная lang может принимать 3 значения - 'ru', 'en' и 'de'. В зависимости от значения переменной lang следует вывести фразу на одном из языков.

Решение: можно было бы воспользоваться вложенными ифами или else if. Выглядело бы это примерно так:

 

//Решение задачи через else if – не самое удачное:

if (lang == 'ru') { //фраза на русском

    alert('Русский текст');

} else if (lang == 'en') { //фраза на английском

    alert('Английский текст');

} else if (lang == 'de') { //фраза на немецком

    alert('Немецкий текст');

}

 

Такое решение не слишком красивое - блок else здесь не нужен! Проще всего будет написать не один длинный if с несколькими else, а несколько if вообще без else:

 

//Решение задачи через несколько if – оно намного лучше:

if (lang == 'ru') { //фраза на русском

    alert('Русский текст');

}

if (lang == 'en') { //фраза на английском

    alert('Английский текст');

}

if (lang == 'de') { //фраза на немецком

    alert('Немецкий текст');

}

 

/*

    В данном коде сработает только один из ифов,

    так как переменная lang может иметь только одно из значений

*/

 

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

Для таких случаев существует конструкция switch-case.

Конструкция switch-case

Данная конструкция представляет собой альтернативу if-else, ее рекомендуется использовать в случае множественного выбора (например, 10 различных языков, как в нашей задаче).

Изучите ее синтаксис:

 

switch (переменная) {

    case 'значение1':

            здесь код, который выполнится в случае, если переменная имеет значение1;

    break;

    case 'значение2':

            здесь код, который выполнится в случае, если переменная имеет значение2;

    break;

    case 'значение3':

            здесь код, который выполнится в случае, если переменная имеет значение3;

    break;

    default:

            этот код выполнится в случае, если переменная не совпала ни с одним значением;

    break;

}

 

Решим нашу задачу с тремя языками с помощью данной конструкции:

switch (lang) {

    case 'ru':

            alert('Русский текст');

    break;

    case 'en':

            alert('Английский текст');

    break;

    case 'de':

            alert('Немецкий текст');

    break;

    default:

            alert('Данный язык не поддерживается');

    break;

}

⇐ Предыдущая12345678910Следующая ⇒

Поделиться: