-
Notifications
You must be signed in to change notification settings - Fork 16
Conditional operators
Обычная последовательность выполнения кода соответствует порядку следования команд:
var x = 5 // будет выполнена первой
var y = 11 // будет выполнена второй
var z = x * y + 5 // будет выполнена третьейУсловный оператор обеспечивает возможность ветвления скрипта в зависимости от выполнения определенного условия
Синтаксис:
if ( логическое выражение ) {
...код 1
} else {
...код 2
}В этой записи появляется две ветки кода: код 1 и код 2
Какая ветка кода будет выполнена, зависит от значения логического выражения в круглых скобках оператора if
Если значением логического выражения будет true, то выполняться будет код 1
В противном случае (если значением логического выражения будет false ) выполняться будет код 2
Если в теле условного оператора if всего одна операция, фигурные скобки можно опустить:
if ( i % 2 === 0 ) console.log ( i )
if ( i % 2 !== 0 ) continue( % - операция взятия остатка от деления )
if ( typeof x === "number" ) {
var z = x * 5
var y = x / 10 - 3
}
else {
var z = 0
var y = 0
}Здесь код разветвляется: первая "ветка" кода будет выполнена тогда, когда переменная x будет числом
В этом случае переменной z будет присвоено значение
x * 5, а переменной y значение выраженияx / 10 - 3
В противном случае ( когда x не является числом ) переменные z и y получат значение 0
логическое выражение ? выражение 1 : выражение 2
Состоит из трех частей:
✅ логическое выражение
✅ выражение 1
✅ выражение 2
После логического выражения обязательно следует символ "?", после чего следуют выражение 1 и выражение 2, разделенные двоеточием
Вычисляется значение логического выражения
Если оно будет равно true, тернарный оператор возвращает выражение 1
Если оно будет равно false, тернарный оператор возвращает выражение 2
☕ 1
var meet = sourse === '🌴' ? '🍌' : '🍄' Здесь:
sourse === '🌴' логическое выражениеЕсли это выражение примет значение true, то переменной meet будет присвоено значение '🍌'
Если это выражение примет значение false, то переменной meet будет присвоено значение '🍄'
☕ 2
var result = expresion ? "Все правильно" : "Ошибка"Если expresion === true, значением переменной result будет строка "Все правильно"
Если expresion === false, значением переменной result будет строка "Ошибка"
☕ 3
var sourse = '🐙'
var meet = sourse === '🐥' ? console.log ( '🥚' ) : console.log ( '💧' )В консоль будет выведено 💧
© Irina H.Fylyppova 2018
Использование данных материалов или любой их части коммерческими школами ( курсами ) является нарушением авторских прав
| 1 | 2 | 3 | 4 | 5 |
| 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 |
| ⏬ |
|---|
- Блок-схема алгоритма
- Developer Tools
- Chrome DevTools
- Переменные
- Оператор typeof
- Структуры данных
- Операторы присваивания
- Логические выражения
- Условные операторы
- Инкремент
- Свойство length
- Оператор цикла for
- UTF-8
Homework
- Приведение типов
- NaN | null | Infinity
- BigInt (ES10)
- Функции
- Методы
- Методы строк
- Методы массивов
- Date ()
Самостоятельная работа
Практика (XSS)
Homework
- Циклы while и do...while
- Циклы for...of и for...in
- Параметры по умолчанию
- Объект function
Практика
Homework
- Нативные и host-объекты
- Литерал объекта
- Унаследованные свойства
- Конструктор
- Модель наследования
- Публичные и приватные свойства
- Оператор in
1
Homework
- Итерирующие методы массивов
- Тестирование производительности
- SHA
Homework
- Размеры и прокрутка элемента
- Event Loop
- async | await
- API
- REST | HATEOAS
- status codes
JSON placeholder-
JSON server
fake chat
Homework
- strict mode
- Вычисляемые имена свойств
- Краткий синтаксис методов
- Краткий литерал объекта
- Классы
Homework
- :not(:defined)
- Shadow DOM
- Custom elements
- Lifecycle hooks
- whenDefined
- <template>
- slot
1
2
3
Homework
- npm
- webpack
Упражнение 1- ES6 модули
Упражнение 2- --mode | --watch
Упражнение 3
Упражнение 4
Упражнение 5
Упражнение 6
Упражнение 7
Упражнение 8
Homework
| ⏫ |
|---|

Дополнительно
Справочная инфо
Git Bush
TCP/IP
Коды символов