Учебник по 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


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


Заявление о переключении JavaScript

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

Синтаксис

switch(expression) {
  case x:
    // code block
    break;
  case y:
    // code block
    break;
  default:
    // code block
}

Вот как это работает:

  • Выражение switch оценивается один раз.
  • Значение выражения сравнивается со значениями каждого случая.
  • Если есть совпадение, выполняется соответствующий блок кода.
  • Если совпадения нет, выполняется блок кода по умолчанию.

Пример

Метод getDay()возвращает день недели в виде числа от 0 до 6.

(воскресенье=0, понедельник=1, вторник=2 ..)

В этом примере номер дня недели используется для вычисления названия дня недели:

switch (new Date().getDay()) {
  case 0:
    day = "Sunday";
    break;
  case 1:
    day = "Monday";
    break;
  case 2:
     day = "Tuesday";
    break;
  case 3:
    day = "Wednesday";
    break;
  case 4:
    day = "Thursday";
    break;
  case 5:
    day = "Friday";
    break;
  case 6:
    day = "Saturday";
}

Результатом дня будет:

Saturday


Ключевое слово перерыва

Когда JavaScript достигает break ключевого слова, он выходит из блока переключателя.

Это остановит выполнение внутри блока переключателя.

Последний корпус в блоке переключателя ломать не нужно. Блок все равно ломается (заканчивается) там.

Примечание. Если вы опустите оператор break, будет выполнен следующий случай, даже если оценка не соответствует случаю.


Ключевое слово по умолчанию

Ключевое defaultслово указывает код для запуска, если нет совпадения регистра:

Пример

Метод getDay()возвращает день недели в виде числа от 0 до 6.

Если сегодня не суббота (6) и не воскресенье (0), напишите сообщение по умолчанию:

switch (new Date().getDay()) {
  case 6:
    text = "Today is Saturday";
    break;
  case 0:
    text = "Today is Sunday";
    break;
  default:
    text = "Looking forward to the Weekend";
}

Результатом текста будет:

Today is Saturday

Дело defaultне обязательно должно быть последним в блоке переключателей:

Пример

switch (new Date().getDay()) {
  default:
    text = "Looking forward to the Weekend";
    break;
  case 6:
    text = "Today is Saturday";
    break;
  case 0:
    text = "Today is Sunday";
}

Если defaultэто не последний случай в блоке переключателей, не забудьте закончить случай по умолчанию разрывом.


Общие блоки кода

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

В этом примере 4 и 5 используют один и тот же кодовый блок, а 0 и 6 используют другой кодовый блок:

Пример

switch (new Date().getDay()) {
  case 4:
  case 5:
    text = "Soon it is Weekend";
    break;
  case 0:
  case 6:
    text = "It is Weekend";
    break;
  default:
    text = "Looking forward to the Weekend";
}

Детали переключения

Если значение наблюдения соответствует нескольким случаям, выбирается первый случай.

Если совпадающие случаи не найдены, программа переходит к метке по умолчанию .

Если метка по умолчанию не найдена, программа переходит к операторам после переключателя .


Строгое сравнение

В случаях переключения используется строгое сравнение (===).

Для соответствия значения должны быть одного типа.

Строгое сравнение может быть истинным только в том случае, если операнды одного типа.

В этом примере совпадений для x не будет:

Пример

let x = "0";
switch (x) {
  case 0:
    text = "Off";
    break;
  case 1:
    text = "On";
    break;
  default:
    text = "No value found";
}

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

Упражнение:

Создайте switchоператор, который будет предупреждать «Привет», если fruitsэто «банан», и «Добро пожаловать», если fruitsэто «яблоко».

(fruits) {
  "Banana":
    alert("Hello")
    break;
  "Apple":
    alert("Welcome")
    break;    
}