• Страница 1 из 1
  • 1
Модератор форума: webik  
Форум » JavaScript и jQuery » JavaScript » Условные выражения » Знакомство с условными выражениями (Что это и для чего нужно)
Знакомство с условными выражениями
webikДата: Ср, 20.03.2019, 23:33 | Сообщение # 1
Offline
Если просто и коротко - условное выражение это обычный вопрос, на который есть два ответа: либо "да", либо "нет". И в зависимости от ответа, программа будет выполнять различные действия.


Часто условные выражения используют для проверки форм (заполнил ли пользователь все необходимые поля формы), контроль перетаскивания элементов на странице (допустим, если изображение товара переместили на иконку корзины, происходит анимация), оценка пользовательского ввода (например,работа скрипта в зависимости от ответа пользователя на вопрос в всплывающем окне) и т.д.

Условные выражения ещё по-другому называют "если / то". Задача ими выполняется, если ответ на вопрос - истина.

Структура условного выражения:

Код
if (условие) {
// Здесь совершается какое-то действие
}


В круглых скобках помещается вопрос, требующий ответа "да" или "нет", а в фигурных скобках - JavaSсript код, который выполняется, когда выражение истинно.
 
профиль цитата изменить удалить
webikДата: Пт, 22.03.2019, 12:20 | Сообщение # 2
Offline
Пример

Допустим есть какая-то игра, в которой очки игрока записываются в переменную очки,и если игрок набрал больше 100 очков, то он выиграл.
Следовательно, нужна проверка условия, больше ли значение, сохранённое в переменной очки, чем 100.

Код
if(очки > 100) {
alert('Вы победили!');
}




Дословно: если значение, сохранённое в переменной очки больше чем 100 (истина), вывести окно оповещения с текстом "Вы победили!". Если нет, то выполнить программу дальше, игнорируя создание окна с оповещением.
Прикрепления: 9911050.png(9.2 Kb)
 
профиль цитата изменить удалить
webikДата: Пт, 22.03.2019, 12:26 | Сообщение # 3
Offline
Пример 2 "Сравнить два значения, равны ли они"

Ответ участника викторины сохраняется в переменной ответ:

Код
if(ответ == 31) {
alert('Верно. У Сатурна 31 луна.');
}


Два знака равенства (==) - это инструкция для JavaScript (оператор равенства) сравнить два значения и решить, равны ли они. А одинарный знак равенства - это оператор присваивания (используется для сохранения значения в переменной)


Ещё пример для закрепления:
в какой-то форме вы даёте пользователю задать цвет, к примеру, если он введёт "красный", цвет фона страницы станет красным. Значение, введённое пользователем, сохраняется в переменной введённыйЦвет

Код
if(введённыйЦвет == 'красный') {
document.body.style.backgroundColor = 'red';
}


То есть, в данном случае сравниваются две строки.
 
профиль цитата изменить удалить
webikДата: Пт, 22.03.2019, 12:42 | Сообщение # 4
Offline
Все операторы сравнения

== Равно. Сравнивает две величины на предмет идентичности. Может использоваться для сравнения чисел и строк.

!= Не равно. Сравнивает две величины на предмет неравенства друг другу. Может использоваться для сравнения чисел и строк.

=== Строго равно. Сравнивает не только значения, но и типы данных. То есть, два значения должны быть одного типа (строка, число или булево значение), чтобы условие было истинным. Например, '2' === 2 не истинно, так как это строка и число (разные типы данных)

!== Строго не равно. Как и предыдущий оператор сравнивает не только значения, но и типы данных. Например, '2'!= 2 ложно, так как значения одинаковые, а вот '2'!== 2 истина, так как типы данных разные.

> Больше. Сравнивает два числа.

< Меньше. Сравнивает два числа.

>= Больше или равно. Сравнивает два числа.

<= Меньше или равно. Сравнивает два числа.
 
профиль цитата изменить удалить
webikДата: Пт, 22.03.2019, 13:33 | Сообщение # 5
Offline
Если условие истинно, в фигурных скобках может быть сколько угодно строк JavaScript кода, например, в дополнение к уведомлению 'Верно. У Сатурна 31 луна', можно
вести подсчёт правильных ответов и сохранять их в переменную правОтветов

Код
if(ответ == 31) {
alert('Верно. У Сатурна 31 луна');
правОтветов += 1;
}
 
профиль цитата изменить удалить
Форум » JavaScript и jQuery » JavaScript » Условные выражения » Знакомство с условными выражениями (Что это и для чего нужно)
  • Страница 1 из 1
  • 1
Поиск: