Pernyataan switch JavaScript

Definisi dan penggunaan

Pernyataan switch adalah bagian dari

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 tak terduga.

Contoh

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 belum pernah mendengar buah itu...";
}

亲自试一试

Ada lebih banyak 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 Teknik

Versi JavaScript： ECMAScript 1

Contoh Lebih Banyak

Contoh

Menggunakan nomor hari minggu hari ini untuk menghitung nama hari minggu (Minggu=0, Senin=1, Selasa=2, ...)：

var day;
switch (new Date().getDay()) {
  case 0:
    day = "Minggu";
    break;
  case 1:
    day = "Senin";
    break;
  case 2:
    day = "Selasa";
    break;
  case 3:
    day = "Rabu";
    break;
  case 4:
    day = "Kamis";
    break;
  case 5:
    day = "Jumat";
    break;
  case 6:
    day = "Sabtu";
    break;
  default:
    day = "Hari yang Tidak Dikenal";
}

亲自试一试

Contoh

Jika hari ini bukan Sabtu atau Minggu, tulis pesan default:

var text;
switch (new Date().getDay()) {
  case 6:
    text = "Hari ini adalah Sabtu";
    break; 
  case 0:
    text = "Hari ini adalah Minggu";
    break; 
  default: 
    text = "Menantikan Minggu";
}

亲自试一试

Contoh

Kali-kali Anda ingin situasi yang berbeda menggunakan kode yang sama, atau menggunakan nilai default yang sama.

Perhatikan, dalam contoh ini, case berbagi blok kode yang sama, dan kasus default tidak harus menjadi kasus terakhir di dalam blok switch (tetapi, jika default bukan kasus terakhir di dalam blok switch, ingat untuk menggunakan break untuk menutupnya).

var text;
switch (new Date().getDay()) {
  case 1:
  case 2:
  case 3:
  default: 
    text = "Menantikan Minggu";
    break; 
  case 4:
  case 5:
    text = "Sebelumnya adalah Minggu";
    break; 
  case 0:
  case 6:
    text = "Ini adalah Minggu";
}

亲自试一试

Contoh

Menjalankan blok kode menggunakan pernyataan switch berdasarkan masukan pengguna dari kotak pertanyaan:

var text;
var favDrink = prompt("Apakah minuman kucing cocktail paling disukai Anda adalah? ");
switch(favDrink) {
  case "Martini":
    text = "Pilihan yang bagus! Martini baik untuk jiwa Anda.";
    break;
  case "Daiquiri":
    text = "Daiquiri juga adalah minuman kucing paling disukai saya!";
    break;
  case "Cosmopolitan":
    text = "Benar-benar? Apakah Cosmopolitan adalah minuman kucing paling disukai Anda?";
    break;
  default:
    text = "Saya belum pernah mendengar tentang hal itu...";
}

亲自试一试

浏览器支持

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

相关页面

Panduan Tutorial JavaScript：JavaScript If...Else 语句

Panduan Tutorial JavaScript：Perintah Switch JavaScript

Panduan Referensi JavaScript：Perintah if/else JavaScript

Panduan Referensi JavaScript：Perintah break JavaScript