Najnowsze tutoriale tworzenie stron internetowych
 

JavaScript Instrukcja switch

<JavaScript Oświadczenia referencyjny

Przykład

Wykonuje blok kodu w oparciu o dane wprowadzone przez użytkownika:

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...";
}

Wynikiem tekstu mogą być:

How you like them apples?
Spróbuj sam "

Więcej "Try it Yourself" przykłady poniżej.


Definicja i Wykorzystanie

Instrukcja switch wykonuje blok kodu w zależności od różnych przypadkach.

Instrukcja switch jest częścią Javascript w "Conditional" oświadczenia, które są wykorzystywane do wykonywania różnych działań opartych na różnych warunkach. Użyj przycisku, aby wybrać jeden z wielu bloków kodu do wykonania. Jest to idealne rozwiązanie na długie, zagnieżdżony if / else oświadczenia.

Instrukcja switch ocenia wyrażenia. Wartość ekspresji porównuje się następnie z wartościami każdorazowo w konstrukcji. Jeśli jest mecz, skojarzony blok kodu jest wykonywany.

Instrukcja switch jest często stosowany łącznie z przerwą lub domyślnego hasła (or both) . Są to zarówno opcjonalnie:

Słowo kluczowe przerwy wybucha bloku switch. Spowoduje to zatrzymanie wykonanie większej wykonanie kodu i / lub przypadku testowania wewnątrz bloku. Jeśli przerwa jest pominięty, następny blok kodu w instrukcji switch jest wykonywana.

Domyślną parametr określa jakiś kod do uruchomienia, jeśli nie ma sprawa mecz. Nie może być tylko jeden domyślny kluczowe w przełączniku. Chociaż jest to opcjonalne, zaleca się go używać, ponieważ dba o nieoczekiwanych przypadkach.


Wsparcie przeglądarka

Komunikat
switch tak tak tak tak tak

Składnia

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

wartości parametrów

Parametr Opis
expression Wymagany. Określa wyrażenie do oceny. Wyrażenie jest oceniana raz. Wartość wyrażenia jest porównywana z wartościami każdego przypadku etykiet w strukturze. Jeśli jest mecz, skojarzony blok kodu jest wykonywany

Szczegóły techniczne

JavaScript wersja: 1.2

Przykłady

Więcej przykładów

Przykład

Użyj dzisiejszą liczbę dni powszednie do obliczenia nazwa dnia tygodnia (niedziela = 0 = 1, poniedziałek, wtorek = 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";
}

Wynik dnia będzie:

Spróbuj sam "

Przykład

Jeśli dzisiaj nie jest ani sobota ani niedziela, napisać wiadomość domyślną:

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

Efektem będzie tekst:

Spróbuj sam "

Przykład

Czasami chcesz różne przypadki użyć tego samego kodu, lub spaść przelotowe do wspólnego domyślnie.

Zauważ, że w tym przykładzie przypadki dzielić ten sam blok kodu, a domyślny przypadek nie musi być ostatni przypadek w bloku switch (jednak jeśli domyślna nie jest to ostatni przypadek w bloku przełącznika, należy pamiętać, aby ją zakończyć przy zerwaniu).

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";
}
Spróbuj sam "

Przykład

Korzystanie z instrukcji switch, aby wykonać blok kodu na podstawie danych wprowadzonych przez użytkownika, w wierszu pole:

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..";
}
Spróbuj sam "

Podobne strony

JavaScript Tutorial: JavaScript If ... else

JavaScript Tutorial: JavaScript switch

JavaScript referencyjny: JavaScript if / else

Odniesienie JavaScript: JavaScript komunikat przerwa


<JavaScript Oświadczenia referencyjny