Учебник по JS

ГЛАВНАЯ JS Введение JS Куда Вывод JS Заявления JS JS-синтаксис JS-комментарии JS-переменные JS Пусть Константа JS JS-операторы JS-арифметика Назначение JS JS-типы данных JS-функции JS-объекты JS-события JS-строки Строковые методы JS Поиск строки JS Шаблоны строк JS JS-номера Методы номеров JS JS-массивы Методы массива JS Сортировка массива JS Итерация массива JS Константа массива JS JS-даты Форматы даты JS Методы получения даты JS Методы установки даты JS JS-математика JS Случайный JS Булевы значения Сравнение JS JS-условия JS-переключатель JS цикл для Цикл JS для входа Цикл JS для Цикл JS во время Перерыв JS JS-итерации JS-наборы JS-карты JS Typeof Преобразование типов JS JS побитовый JS регулярное выражение JS-ошибки Область JS JS-подъем Строгий режим JS JS это ключевое слово Функция стрелки JS JS-классы JS JSON JS-отладка Руководство по стилю JS Лучшие практики JS JS-ошибки JS-производительность Зарезервированные слова JS

JS-версии

JS-версии JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE/пограничный История JS

JS-объекты

Определения объектов Свойства объекта Методы объекта Отображение объекта Средства доступа к объектам Конструкторы объектов Прототипы объектов Итерации объектов Наборы объектов Карты объектов Ссылка на объект

JS-функции

Определения функций Параметры функции Вызов функции Вызов функции Функция Применить Закрытие функций

JS-классы

Введение в класс Наследование классов Статический класс

JS асинхронный

Обратные вызовы JS JS асинхронный JS-обещания JS асинхронный/ожидание

JS HTML DOM

Дом Введение DOM-методы Документ DOM DOM-элементы DOM HTML DOM-формы ДОМ CSS DOM-анимации События ДОМ Слушатель событий DOM DOM-навигация DOM-узлы Коллекции DOM Списки узлов DOM

Спецификация браузера JS

JS-окно JS-экран Местоположение JS История JS JS-навигатор Всплывающее оповещение JS JS Тайминг JS-куки

JS-веб-API

Введение в веб-API API веб-форм API истории веб-поиска API веб-хранилища API веб-работника API веб-выборки API веб-геолокации

JS АЯКС

Введение в АЯКС AJAX XMLHttp АЯКС-запрос AJAX-ответ XML-файл AJAX АЯКС PHP АЯКС АСП База данных AJAX AJAX-приложения Примеры AJAX

JS JSON

Введение в JSON Синтаксис JSON JSON против XML Типы данных JSON Анализ JSON Строковая JSON JSON-объекты JSON-массивы JSON-сервер JSON PHP JSON HTML JSON JSONP

JS против JQuery

Селекторы jQuery JQuery HTML jQuery CSS JQuery DOM

JS-графика

JS-графика JS Холст JS сюжет JS Chart.js JS Google Диаграмма JS D3.js

JS-примеры

JS-примеры JS HTML DOM JS HTML-ввод HTML-объекты JS HTML-события JS JS-браузер JS-редактор JS-упражнения JS-викторина JS-сертификат

JS-ссылки

Объекты JavaScript HTML DOM-объекты


JavaScript, если еще и еще, если


Условные операторы используются для выполнения различных действий на основе различных условий.


Условные операторы

Очень часто, когда вы пишете код, вы хотите выполнять разные действия для разных решений.

Для этого вы можете использовать условные операторы в своем коде.

В JavaScript у нас есть следующие условные операторы:

  • Используйте ifдля указания блока кода, который будет выполняться, если заданное условие истинно.
  • Используйте else, чтобы указать блок кода, который будет выполняться, если то же условие ложно.
  • Используйте else if, чтобы указать новое условие для проверки, если первое условие ложно
  • Используйте switchдля указания множества альтернативных блоков кода, которые должны быть выполнены.

Утверждение switchописано в следующей главе.


Оператор if

Используйте ifоператор, чтобы указать блок кода JavaScript, который будет выполняться, если условие истинно.

Синтаксис

if (condition) {
  //  block of code to be executed if the condition is true
}

Обратите внимание, что ifэто строчными буквами. Заглавные буквы (If или IF) вызовут ошибку JavaScript.

Пример

Сделайте приветствие «Добрый день», если время меньше 18:00:

if (hour < 18) {
  greeting = "Good day";
}

Результатом приветствия будет:



Оператор else

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

if (condition) {
  //  block of code to be executed if the condition is true
} else {
  //  block of code to be executed if the condition is false
}

Пример

Если час меньше 18, создайте приветствие «Добрый день», иначе «Добрый вечер»:

if (hour < 18) {
  greeting = "Good day";
} else {
  greeting = "Good evening";
}

Результатом приветствия будет:

Good evening

Оператор else if

Используйте else ifоператор, чтобы указать новое условие, если первое условие ложно.

Синтаксис

if (condition1) {
  //  block of code to be executed if condition1 is true
} else if (condition2) {
  //  block of code to be executed if the condition1 is false and condition2 is true
} else {
  //  block of code to be executed if the condition1 is false and condition2 is false
}

Пример

Если время меньше 10:00, создайте приветствие «Доброе утро», если нет, но время меньше 20:00, создайте приветствие «Добрый день», иначе «Добрый вечер»:

if (time < 10) {
  greeting = "Good morning";
} else if (time < 20) {
  greeting = "Good day";
} else {
  greeting = "Good evening";
}

Результатом приветствия будет:

Good evening

Дополнительные примеры


В этом примере создается ссылка либо на W3Schools, либо на Всемирный фонд дикой природы (WWF). При использовании случайного числа вероятность каждой из ссылок составляет 50%.


Проверьте себя с помощью упражнений

Упражнение:

Исправьте ifоператор, чтобы предупредить «Hello World», если xон больше y.

if x > y 
  alert("Hello World");