Последние учебники веб-разработки
×

JavaScript Справка

обзор

JavaScript

JS строка JS Число JS операторы JS Заявления JS математический JS Дата JS массив JS логический JS RegExp JS Глобальный JS конверсионный

браузер BOM

Window Navigator Screen History Location

HTML DOM

DOM Документ DOM элементы DOM Атрибуты DOM Мероприятия DOM Стиль

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> <keygen> <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> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Другие объекты

CSSStyleDeclaration


 

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

<JavaScript Заявления Ссылка

пример

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

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

switch(fruits) {
    case "Banana":
        text = "Banana is good!";
        break;
    case "Orange":
        text = "I am not a fan of orange.";
        break;
    case "Apple":
        text = "How you like them apples?";
        break;
    default:
        text = "I have never heard of that fruit...";
}

В результате текст может быть:

How you like them apples?
Попробуй сам "

Больше "Try it Yourself" примеры ниже.


Определение и использование

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

Заявление переключателя является частью в JavaScript "Conditional" отчетность, которые используются для выполнения различных действий , основанных на различных условиях. Используйте переключатель, чтобы выбрать один из многих блоков кода, который будет выполнен. Это идеальное решение для длительного, вложенного если / другого заявления.

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

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

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

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


Поддержка браузеров

утверждение
switch да да да да да

Синтаксис

switch( expression ) {
    case n :
        code block
        break;
    case n :
        code block
        break;
    default:
        default code block
}

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

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

Технические подробности

Версия JavaScript: 1.2

Примеры

Еще примеры

пример

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

var day;
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";
        break;
    default:
        day = "Unknown Day";
}

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

Попробуй сам "

пример

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

var text;
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";
}

В результате текст будет:

Попробуй сам "

пример

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

Обратите внимание , что в этом примере случаи одни и тот же блок кода, и тот случай , по умолчанию не должен быть последним случаем в распределительном блоке (однако, если по умолчанию не последний случай в блоке переключателей, помните , чтобы положить конец его с перерывом).

var text;
switch (new Date().getDay()) {
    case 1:
    case 2:
    case 3:
    default:
        text = "Looking forward to the Weekend";
        break;
    case 4:
    case 5:
       text = "Soon it is Weekend";
        break;
    case 0:
    case 6:
       text = "It is Weekend";
}
Попробуй сам "

пример

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

var text;
var favDrink = prompt("What's your favorite cocktail drink?");
switch(favDrink) {
    case "Martini":
        text = "Excellent choice! Martini is good for your soul.";
        break;
    case "Daiquiri":
        text = "Daiquiri is my favorite too!";
        break;
    case "Cosmopolitan":
        text = "Really? Are you sure the Cosmopolitan is your favorite?";
        break;
    default:
        text = "I have never heard of that one..";
}
Попробуй сам "

Похожие страницы

JavaScript Учебник JavaScript Если ... Else отчетность

JavaScript Учебник JavaScript Переключить Заявление

JavaScript Ссылка: JavaScript , если / другое заявление

Ссылка JavaScript: Заявление пролома JavaScript


<JavaScript Заявления Ссылка