Tuyên bố chuyển đổi JavaScript
Ví dụ
Thực thi một khối mã dựa trên đầu vào của người dùng:
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...";
}
Hãy tự mình thử »Thêm ví dụ "Hãy tự mình thử" bên dưới.
Sự miêu tả
Câu lệnh switch thực thi một khối mã tùy thuộc vào các trường hợp khác nhau.
Câu lệnh switch là một phần của Câu lệnh "Có điều kiện" của JavaScript, được sử dụng để thực hiện các hành động khác nhau dựa trên các điều kiện khác nhau. Sử dụng switch để chọn một trong nhiều khối mã sẽ được thực thi. Đây là giải pháp hoàn hảo cho các câu lệnh if/else lồng nhau, dài.
Câu lệnh switch đánh giá một biểu thức. Sau đó, giá trị của biểu thức được so sánh với giá trị của từng trường hợp trong cấu trúc. Nếu có sự trùng khớp, khối mã liên quan sẽ được thực thi.
Câu lệnh switch thường được sử dụng cùng với break hoặc từ khóa mặc định (hoặc cả hai). Cả hai đều là tùy chọn:
Từ khóa break thoát ra khỏi khối switch. Điều này sẽ dừng việc thực thi thêm mã và/hoặc kiểm tra trường hợp bên trong khối. Nếu bỏ qua dấu ngắt, khối mã tiếp theo trong câu lệnh switch sẽ được thực thi.
Từ khóa mặc định chỉ định một số mã sẽ chạy nếu không khớp kiểu chữ nào. Chỉ có thể có một từ khóa mặc định trong một switch. Mặc dù đây là tùy chọn nhưng bạn nên sử dụng nó vì nó sẽ đề phòng những trường hợp không mong muốn.
Cú pháp
switch( expression ) {
case n :
code block
break;
case n :
code block
break;
default:
default code block
}
Giá trị tham số
Parameter | Description |
---|---|
expression | Required. Specifies an expression to be evaluated. The expression is evaluated once. The value of the expression is compared with the values of each case labels in the structure. If there is a match, the associated block of code is executed |
Thêm ví dụ
Ví dụ
Sử dụng số ngày trong tuần hôm nay để tính tên ngày trong tuần (Chủ Nhật=0, Thứ Hai=1, Thứ Ba=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";
}
Hãy tự mình thử »Ví dụ
Nếu hôm nay không phải thứ bảy cũng không phải chủ nhật, hãy viết tin nhắn mặc định:
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";
}
Hãy tự mình thử »Ví dụ
Đôi khi bạn sẽ muốn các trường hợp khác nhau sử dụng cùng một mã hoặc chuyển sang một mặc định chung.
Lưu ý rằng trong ví dụ này, các trường hợp có cùng một khối mã và trường hợp mặc định không nhất thiết phải là trường hợp cuối cùng trong khối chuyển đổi (tuy nhiên, nếu mặc định KHÔNG phải là trường hợp cuối cùng trong khối chuyển đổi, hãy nhớ kết thúc nó với thời gian nghỉ ngơi).
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";
}
Hãy tự mình thử »Ví dụ
Sử dụng câu lệnh switch để thực thi một khối mã dựa trên thông tin đầu vào của người dùng, từ hộp nhắc nhở:
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..";
}
Hãy tự mình thử »Trang liên quan
Hướng dẫn JavaScript: Câu lệnh JavaScript If...Else
Hướng dẫn JavaScript: Câu lệnh chuyển đổi JavaScript
Tham khảo JavaScript: Câu lệnh if/else của JavaScript
Tham khảo JavaScript: Câu lệnh ngắt JavaScript
Hỗ trợ trình duyệt
switch
là một tính năng của ECMAScript1 (ES1).
ES1 (JavaScript 1997) được hỗ trợ đầy đủ trên tất cả các trình duyệt:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | Yes |