tutorial pengembangan web terbaru
 

JavaScript Pernyataan saklar

<JavaScript Laporan Referensi

Contoh

Mengeksekusi blok kode berdasarkan input pengguna:

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

Hasil teks dapat:

How you like them apples?
Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.


Definisi dan Penggunaan

Pernyataan switch mengeksekusi blok kode tergantung pada kasus yang berbeda.

Pernyataan switch adalah bagian dari JavaScript yang "Conditional" Laporan, yang digunakan untuk melakukan tindakan yang berbeda berdasarkan kondisi yang berbeda. Gunakan switch untuk memilih salah satu dari banyak blok kode yang akan dieksekusi. Ini adalah solusi sempurna untuk panjang, bersarang jika / lain pernyataan.

Pernyataan switch mengevaluasi ekspresi. Nilai ekspresi ini kemudian dibandingkan dengan nilai-nilai setiap kasus dalam struktur. Jika ada pertandingan, blok terkait kode dijalankan.

Pernyataan switch sering digunakan bersama-sama dengan istirahat atau kata kunci standar (or both) . Ini adalah kedua opsional:

Istirahat kata kunci istirahat keluar dari blok switch. Hal ini akan menghentikan pelaksanaan lebih eksekusi kode dan / atau pengujian kasus dalam blok. Jika istirahat dihilangkan, blok kode berikutnya dalam pernyataan switch dieksekusi.

Kata kunci bawaan menentukan beberapa kode untuk dijalankan jika tidak ada pertandingan kasus. Hanya ada satu kata kunci default pada switch. Meskipun ini adalah opsional, direkomendasikan bahwa Anda menggunakannya, karena mengurus kasus tak terduga.


Dukungan Browser

Pernyataan
switch iya nih iya nih iya nih iya nih iya nih

Sintaksis

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

Nilai parameter

Parameter Deskripsi
expression Wajib. Menentukan ekspresi untuk dievaluasi. ekspresi dievaluasi sekali. Nilai dari ekspresi dibandingkan dengan nilai-nilai masing-masing label kasus dalam struktur. Jika ada pertandingan, blok terkait kode dieksekusi

Rincian teknis

Versi JavaScript: 1.2

contoh

Contoh lebih

Contoh

Gunakan nomor hari kerja hari ini untuk menghitung nama hari (Minggu = 0, Senin = 1, Selasa = 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";
}

Hasil hari akan menjadi:

Cobalah sendiri "

Contoh

Jika hari ini tidak Sabtu atau Minggu, menulis pesan default:

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

Hasil teks akan:

Cobalah sendiri "

Contoh

Kadang-kadang Anda akan ingin kasus yang berbeda menggunakan kode yang sama, atau jatuh-melalui default umum.

Perhatikan bahwa dalam contoh ini, kasus-kasus berbagi blok kode yang sama, dan bahwa kasus default tidak harus menjadi kasus terakhir di blok switch (namun, jika default adalah TIDAK kasus terakhir di blok switch, ingatlah untuk mengakhirinya dengan istirahat).

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

Contoh

Menggunakan pernyataan switch untuk mengeksekusi blok kode berdasarkan masukan pengguna, dari kotak prompt:

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

Pages terkait

JavaScript Tutorial: JavaScript Jika ... Lain Pernyataan

JavaScript Tutorial: JavaScript Beralih Pernyataan

JavaScript Referensi: JavaScript jika / Pernyataan lain

Referensi JavaScript: istirahat Pernyataan JavaScript


<JavaScript Laporan Referensi