САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

JS Справочник

JS по категориям JS по алфавиту

JavaScript

JS Массивы JS Булевы JS Классы JS Даты JS Ошибка JS Булевы JS JSON JS Математика JS Числа JS Операторы JS Рег.Выражения JS Заявления JS Строки

HTML DOM

DOM Документы DOM Элементы DOM Атрибуты DOM События DOM Объекты событий DOM HTML Коллекция DOM Местоположение DOM Навигатор DOM Экран DOM Стиль
alignContent alignItems alignSelf animation animationDelay animationDirection animationDuration animationFillMode animationIterationCount animationName animationTimingFunction animationPlayState background backgroundAttachment backgroundColor backgroundImage backgroundPosition backgroundRepeat backgroundClip backgroundOrigin backgroundSize backfaceVisibility border borderBottom borderBottomColor borderBottomLeftRadius borderBottomRightRadius borderBottomStyle borderBottomWidth borderCollapse borderColor borderImage borderImageOutset borderImageRepeat borderImageSlice borderImageSource borderImageWidth borderLeft borderLeftColor borderLeftStyle borderLeftWidth borderRadius borderRight borderRightColor borderRightStyle borderRightWidth borderSpacing borderStyle borderTop borderTopColor borderTopLeftRadius borderTopRightRadius borderTopStyle borderTopWidth borderWidth bottom boxShadow boxSizing captionSide clear clip color columnCount columnFill columnGap columnRule columnRuleColor columnRuleStyle columnRuleWidth columns columnSpan columnWidth counterIncrement counterReset cursor direction display emptyCells filter flex flexBasis flexDirection flexFlow flexGrow flexShrink flexWrap cssFloat font fontFamily fontSize fontStyle fontVariant fontWeight fontSizeAdjust height isolation justifyContent left letterSpacing lineHeight listStyle listStyleImage listStylePosition listStyleType margin marginBottom marginLeft marginRight marginTop maxHeight maxWidth minHeight minWidth objectFit objectPosition opacity order orphans outline outlineColor outlineOffset outlineStyle outlineWidth overflow overflowX overflowY padding paddingBottom paddingLeft paddingRight paddingTop pageBreakAfter pageBreakBefore pageBreakInside perspective perspectiveOrigin position quotes resize right tableLayout tabSize textAlign textAlignLast textDecoration textDecorationColor textDecorationLine textDecorationStyle textIndent textOverflow textShadow textTransform top transform transformOrigin transformStyle transition transitionProperty transitionDuration transitionTimingFunction transitionDelay unicodeBidi userSelect verticalAlign visibility width wordBreak wordSpacing wordWrap widows zIndex
DOM Окно

Веб APIы

API Консоль API Геолокация API История API Место хранения

HTML Объекты

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <tbody> <td> <tfoot> <th> <thead> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Другое

Объявление стиля CSS JS Преобразование


JavaScript switch



Пример

Выполнение блока кода на основе пользовательского ввода:

var text;
var fruits = document.getElementById("myInput").value;

switch(fruits) {
  case "Банан":
    text = "Банан - это хорошо!";
    break;
  case "Апельсин":
    text = "Я не фанат апельсина.";
    break;
  case "Яблоко":
    text = "Как вы любите эти яблоки?";
    break;
  default:
    text = "Я никогда не слышал об этом фрукте...";
}
Попробуйте сами »

Определение switch

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

Оператор switch является частью Javascript "Условных" операторов, которые используются для выполнения различных действий, основанных на различных условиях. Использовать переключитесь, чтобы выбрать один из многих блоков кода для выполнения. Это идеальное решение для длинных вложенных операторов if/else.

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

Оператор switch часто используется вместе с break или ключевым словом по умолчанию (или обоими). Они оба необязательны:

Ключевое слово break вырывается из блока switch. Это остановит выполнение большего количества выполнения кода и/или case - тестирования внутри блока. Если break опущен, то выполняется следующий блок кода в операторе switch.

Ключевое слово default указывает некоторый код для запуска, если нет совпадения регистра. В коммутаторе может быть только одно ключевое слово по умолчанию. Хотя это необязательно, рекомендуется использовать его, так как он заботится о непредвиденных случаях.



Поддержка switch

Заявление
switch Да Да Да Да Да

Синтаксис switch

switch(expression) {
  case n:
    кодовый блок
    break;
  case n:
    кодовый блок
    break;
  default:
    блок кода по умолчанию
}

Значения параметров switch

Параметр Описание
expression Требуемый. Указывает выражение, которое должно быть вычислено. Выражение вычисляется один раз. Значение выражение сравнивается со значениями меток каждого случая в структуре. Если есть совпадение, то выполняется соответствующий блок кода.


Технические детали switch

Версия JavaScript: ECMAScript 1

Примеры switch

Пример

Использовать номер сегодняшнего дня недели для расчета названия дня недели (Воскресенье=0, Понедельник=1, Вторник=2, ...):

var day;
switch (new Date().getDay()) {
  case 0:
    day = "Воскресенье";
    break;
  case 1:
    day = "Понедельник";
    break;
  case 2:
    day = "Вторник";
    break;
  case 3:
    day = "Среда";
    break;
  case 4:
    day = "Четверг";
    break;
  case 5:
    day = "Пятница";
    break;
  case 6:
    day = "Суббота";
    break;
  default:
    day = "Неизвестный День";
}
Попробуйте сами »
Пример

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

var text;
switch (new Date().getDay()) {
  case 6:
    text = "Сегодня суббота";
    break;
  case 0:
    text = "Сегодня воскресенье";
    break;
  default:
    text = "С нетерпением жду выходных";
}
Попробуйте сами »
Пример

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

Примечание что в этом примере случаи имеют один и тот же кодовый блок и что случай по умолчанию не обязательно должен быть последним случаем в блоке коммутатора (однако, если default НЕ является последним случаем в блоке коммутатора, не забудьте закончить его разрывом).

var text;
switch (new Date().getDay()) {
  case 1:
  case 2:
  case 3:
  default:
    text = "С нетерпением жду выходных";
    break;
  case 4:
  case 5:
    text = "Скоро выходные";
    break;
  case 0:
  case 6:
    text = "Это выходные";
}
Попробуйте сами »
Пример

Использование оператора switch для выполнения блока кода на основе пользовательского ввода из окна приглашения:

var text;
var favDrink = prompt("Какой ваш любимый коктейль?");
switch(favDrink) {
  case "Мартини":
    text = "Отличный выбор! Мартини полезен для души.";
    break;
  case "Дайкири":
    text = "Дайкири тоже мой любимый!";
    break;
  case "Космополитен":
    text = "Действительно? Вы уверены что Космополитен ваш любимый?";
    break;
  default:
    text = "Я никогда не слышал об этом..";
}
Попробуйте сами »

Связанные страницы switch

JavaScript учебник: JavaScript Заявление If...Else

JavaScript учебник: JavaScript Заявление Switch

JavaScript справочник: JavaScript Заявление if/else

JavaScript справочник: JavaScript Заявление break