В этой части учебника мы разберём какие есть в JavaScript операторы условия, и какие условия существуют.
Булевый тип данных:
Это логический тип данных, может принимать только два значения, 1 или 0, true или false, правда или ложь, это нужно в первую очередь для условий, поэтому без них не как, для работы с ними есть операторы сравнения и логические.
Операторы сравнения в JS:
Для начала разберём JavaScript операторы сравнения, если сравнение верное, то возвращают true, иначе false.
1 2 3 4 5 6 7 8 9 10 11 12 | let a = 10; let b = 3; let c; c = a > b; // a больше b, c будет равен true c = a < b; // a меньше b, c будет равен false c = a >= b; // a больше или равно b, c будет равен true c = a <= b; // a меньше или равно b, c будет равен false c = a == b; // a равно b, c будет равен false c = a != b; // a не равно b, c будет равен true c = a === b; // a строго равно b, c будет равен false c = a !== b; // a строго не равно b, c будет равен true |
Тут всё понятно, только нужно сказать о различиях между равно и строго равно, дела в том, что если вы будите сравнивать два разных типа данных, JS будет пытаться приравнять их к одному типу данных, тогда как, строго равно, будет проверять чтобы совпадал и сам тип, вот пример.
1 2 | 10 == true; // Будет равно true 10 === true; // Будет равно false |
Точно также и с не равно и строго не равно.
Логические операторы в JS:
Теперь посмотрим синтаксис логических операторов в JavaScript, c ними всё на много проще, так как их всего три, логические и, или, и не.
1 2 3 4 5 6 7 | let a = true; let b = false; let c; c = a && b; // Логическое и, возвращает true, если два значение равно true, c равно false c = a || b; // Логическое или, возвращает true, если хотя бы одно значение равно true, c равно true c = !a; // Логическое не, просто инвертирует значение, с равен false |
Логические операторы могут работать только с буливым типом данных, и в основном используются в условиях, когда нужно проверить их несколько.
Условия в JavaScript:
Есть три операторов условий, if else, switch, и тернарная операция, тут мы все их рассмотрим.
Оператор if else в JS:
Оператор if else в JavaScript самый часто используемый, как наверное и в других языках программирования, начнём с простого примера.
1 2 3 4 5 6 7 8 | let a = 10; let b = 1; // если a больше b if (a > b) { // Выводим в консоль на экран a больше b console.log('a больше b'); } |
Это первый вариант использования оператора if, тут код будит выводить «a больше b», но есть проблема, если условие не верно, то у нас нечего не выведется.
Для этого специально есть оператор else, который идёт сразу после if.
1 2 3 4 5 6 7 8 9 10 11 | let a = 10; let b = 10; // если a больше b if ($a > $b) { // Выводим это в консоль console.log('a больше b'); } else { // иначе // Выводим в консоль a меньше или равно b console.log('a меньше или равно b'); } |
else используется когда нужно указать что делать, если условие if не верно, то есть иначе, в нашем случае будет выводится в консоль «a меньше или равно b», потому что у нас они равны и первое условие не выполняется.
Также вы можете с помощью оператора else if, добавлять ещё условий, сколько вам надо.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | let a = 10; let b = 10; // если a больше b if (a > b) { // Выводим это в консоль console.log('a больше b'); } else if (a == b) { // если a равно b // Выводим в консоль a равно b console.log('a равно b'); } else { // иначе // Выводим в консоль a меньше b console.log('a меньше b'); } |
Вот тут уже всё как надо, мы выводим в консоль «a равно b».
Оператор switch в js:
Оператор switch в JavaScript не самый популярный, да и сказать тут не чего, так как, он только сравнивает одно значение с другим, при этом сравнивает только то, что они равны, вот пример.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | let a = 2; // а равно двум // Запускаем конструкцию switch switch (a) { // Проверяем что a равна 1 case 1: // Если верно то alert('Один'); // Выводим сообщение Один break; Конец конструкции switch // Проверяем что a равна 2 case 2: // Если верно то alert('Два'); // Выводим сообщение Два break; // Конец конструкции switch // Проверяем что a равна 3 case 3: // Если верно то alert('Три'); // Выводим сообщение Три break; // Конец конструкции switch // Если не чего не верно default: alert("Другое число"); // Выводим сообщение Другое число } |
Тут всё очень просто, в начале, в скобках после switch, пишется переменная которую будим сравнивать, дальше вставляем ключевое слово case и значение с которым сравниваем, если верно, то делаем действие которое вставляется после двоеточия, потом break, пишем после всех действий, он выходит из конструктора switch.
Последние, это default, после него пишется код которое будет выполнятся если не чего до этого не выполнилось.
Этот код аналогичен этому.
1 2 3 4 5 6 7 8 9 10 11 | let a = 2; if (a == 1) { alert('Один'); } else if (a == 2) { alert('Два'); } else if (a == 3) { alert('Три'); } else { alert('Другое число'); } |
В обоях случаях, как со switch так и с if, у нас на экране выведется сообщение «Два».
Тернарная операция в JS:
Последние что мы рассмотри, это что такое тернарная операция в JavaScript, вот код с ней.
1 2 3 4 | let a = 10; let b = 5; let c = a < b ? "a меньше b" : "a больше или равно b"; |
Тут значение из тернарной операции присваиваем переменной c, в начале пишем условие, после знака вопроса, это если условие верно, иначе после двоеточия, если условие вернуло false.
В нашем случае присваиваем строку «a больше или равно b».
Вывод:
В этой части учебника вы прочитали что такое в JavaScript операторы условия и как работать с boolean типом данных.
Подписываетесь на соц-сети:
Оценка:
Загрузка...