Пример 1
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Логические выражения</title> </head> <body> <script> var iabloko, bolshoe, krasnoe, gniloe, vkusnoe, stroka; bolshoe = true; // Большое krasnoe = true; // Красное gniloe = false; // Не гнилое vkusnoe = false; // Не вкусное /* Яблоко - большое, красное и не гнилое; или вкусное*/ iabloko = (bolshoe && krasnoe && !gniloe) || vkusnoe; // Преобразование логического значения в строку stroka = String(iabloko); alert(stroka); // Выводится "true" </script> </body> </html> |
В JavaScript есть логические значения: “true” – истинное утверждение и “false” – ложное утверждение.
Также есть логические операции:
- “!” – логическое “НЕ”, преобразовывает “true” в “false” и “false” в “true”;
- “&&” – логическое “И”, если оба значение по обе стороны операции равны “true”, то возвращает “true”, иначе возвращает “false”;
- “||” – логическое “ИЛИ”, если оба значения по обе стороны операции равны “false”, то возвращает “false”, иначе возвращает “true”.
В данном примере в начале задаются переменным логические значения. Потом переменной “iabloko” присваивается значение логического выражения из этих переменных. При этом начально вычисляется выражение в скобках. Далее логическое значение “true” переменной “iabloko” преобразовывается в строку “true” с помощью команды “String()”. И в конце эта строка выводится.
Пример 2
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Логические выражения</title> </head> <body> <script> var shirina = 100, visota = 50, chislo = 120, figura, stroka; /* Фигура, если ширина и высота больше или равна 50 и меньше 150, а также сумма ширины и высоты больше числа */ figura = (shirina >= 50) && (shirina < 150) && (visota >= 50) && (visota < 150) && (shirina + visota > chislo); // Преобразование логического значения в строку stroka = String(figura); alert(stroka); // Выводится "true" </script> </body> </html> |
Результат такой же как в примере 1.
В данной таблице операнды – это значения стоящие по обе стороны оператора.
Оператор | Название | Когда возвращает “true” |
---|---|---|
== | Равно | Операнды равны |
=== | Строго равно | Операнды и их типы равны |
!= | Не равно | Операнды не равны |
!== | Строго не равно | Операнды или их типы не равны |
> | Больше | Операнд слева больше операнда справа |
< | Меньше | Операнд слева меньше операнда справа |
>= | Больше или равно | Операнд слева больше или равен операнду справа |
<= | Меньше или равно | Операнд слева меньше или равен операнду справа |
Порядок выполнения операторов (приоритет операторов) следующий: “( )”, “!”, “<“, “<=”, “>”, “>=”, “==”, “!=”, “===”, “!==”, “&&”, “||”.