Pernyataan switch JavaScript

Penggunaan dan definisi

Perintah switch adalah sebahagian daripada

Kalimat switch menghitung ekspresi. kemudian nilai ekspresi dibandingkan dengan nilai setiap case di struktur. Jika cocok, lakukan blok kode yang relevan.

Kalimat switch biasanya digunakan bersama kata kunci break atau default (atau keduanya). Semua ini adalah opsional：

Kata kunci break keluar dari blok switch. Ini akan menghentikan eksekusi kode lebih lanjut dan/atau pengujian kasus di dalam blok. Jika dilupakan, kode berikutnya dalam kalimat switch akan dieksekusi.

Jika tidak ada case yang cocok, kata kunci default menentukan kode yang akan dijalankan. Hanya dapat ada satu kata kunci default dalam switch. Meskipun ini adalah opsional, disarankan untuk digunakan karena dapat menangani situasi yang tak diharapkan.

实例

Lakukan blok kode berdasarkan masukan pengguna：

var text;
var fruits = document.getElementById("myInput").value;
switch(fruits) {
  case "Banana":
    text = "Banana bagus!";
    break;
  case "Orange":
    text = "Saya bukan penggemar jeruk.";
    break;
  case "Apple":
    text = "Bagaimana kamu menikmati buah apel?";
    break;
  default:
    text = "Saya tidak pernah mendengar buah itu...";
}

亲自试一试

Ada lagi contoh TIY di bawah halaman.

Sintaks

switch(ekspresi) {
  case n:
    blok kode
    break;
  case n:
    blok kode
    break;
  default:
    blok kode default
}

Nilai parameter

Parameter Deskripsi
ekspresi Diperlukan. Tentukan ekspresi yang akan dihitung. Ekspresi akan dihitung sekali. Nilai ekspresi akan dibandingkan dengan nilai setiap tag case di struktur. Jika cocok, lakukan blok kode yang relevan.

Detil teknis

Versi JavaScript： ECMAScript 1

Contoh lebih banyak

实例

Gunakan nomor hari minggu ini untuk menghitung nama hari minggu (Ahad=0, Isnin=1, Selasa=2, ...)：

var day;
switch (new Date().getDay()) {
  case 0:
    day = "Ahad";
    break;
  case 1:
    day = "Isnin";
    break;
  case 2:
    day = "Selasa";
    break;
  case 3:
    day = "Rabu";
    break;
  case 4:
    day = "Khamis";
    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";
}

亲自试一试

实例

有时您会希望不同的情况使用相同的代码，或者使用相同的默认值。

请注意，在本例中，case 共享相同的代码块，并且 default case 不必是 switch 块中的最后一个 case（但是，如果 default 不是 switch 块中的最后一个 case，请记住用 break 结束它）。

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

亲自试一试

实例

根据来自提示框的用户输入，使用 switch 语句执行代码块：

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

亲自试一试

浏览器支持

语句 Chrome IE Firefox Safari Opera
switch 支持 支持 支持 支持 支持

相关页面

Panduan JavaScript：JavaScript If...Else 语句

Panduan JavaScript：Perintah Switch JavaScript

Panduan rujukan JavaScript：Perintah if/else JavaScript

Panduan rujukan JavaScript：Perintah break JavaScript