Mệnh đề Switch-case trong JavaScript

(6)
151 lượt xem
Share

Câu lệnh switch case trong javascript cũng có chức năng tương tự như câu lệnh if else. Chúng đều là dạng lệnh Comparisons (so sánh). Sau khi xem qua bài viết này các bạn sẽ hiểu được câu lệnh switch case là gì? Tại sao phải sử dụng? Và sử dụng như thế nào? Cùng tham khảo nhé!

Mục lục nội dung

Mệnh đề Switch-case trong JavaScript

1. Mệnh đề switch-case trong JavaScript 

Mệnh đề switch-case trong JavaScript được sử dụng để thực thi 1 hoặc nhiều khối lệnh từ nhiều điều kiện. Nó gần giống với mệnh đề if-else, nhưng nó thuận tiện hơn vì nó có thể được sử dụng với số, ký tự, v.v.

Cú pháp:

switch (bieu_thuc) {   
case gia_tri_1:
    // Khối lệnh 1
    break;  //tùy chọn
case gia_tri_2:   
    // Khối lệnh 2
    break;  //tùy chọn
......   
case gia_tri_n:   
    // Khối lệnh n
    break;  //tùy chọn   
default:    
    // Khối lệnh này được thực thi
    // nếu tất cả các điều kiện trên không thỏa mãn 
}

Lưu đồ thuật toán của mệnh đề switch-case trong JavaScript:

Ví dụ về mệnh đề switch-case trong JavaScript:

<html>
<head>
<script type="text/javascript">
    function checkNumber() {
        number = document.getElementById("number").value;
        switch (number) {
        case '10':
            alert("Number = 10");
            break;
        case '20':
            alert("Number = 20");
            break;
        case '30':
            alert("Number = 30");
            break;
        default:
            alert("Not in 10, 20 or 30");
        }
    }
</script>
</head>
<body>
  Number:
  <input type="text" id="number" name="number" />
  <input type="button" onclick="checkNumber()" value="Submit" />
</body>
</html>

Kết quả:

2. Mệnh đề Switch-case khi không sử dụng 'break'

Khi không sử dụng từ khóa 'break' trong mệnh đề switch-case. Điều này có nghĩa là các khối lệnh sau case có giá trị phù hợp sẽ được thực thi.

Ví dụ về mệnh đề switch-case trong JavaScript không sử dụng từ khóa break:

<html>
<head>
<script type="text/javascript">
    function checkNumber() {
        number = document.getElementById("number").value;
        switch (number) {
        case '10':
            alert("Number = 10");
        case '20':
            alert("Number = 20");
        case '30':
            alert("Number = 30");
        default:
            alert("Not in 10, 20 or 30");
        }
    }
</script>
</head>
<body>
  Number:
  <input type="text" id="number" name="number" />
  <input type="button" onclick="checkNumber()" value="Submit" />
</body>
</html>
Kết quả:

Chú ý: khi gặp trường hợp phù hợp, nếu không sử dụng từ khóa break thì tất cả các trường hợp sau sẽ được thực thi.

Trên đây là bài viết của eLib.VN về Mệnh đề Switch-case trong JavaScript. Switch-case có thể xử lí một bài toán phải kiểm tra hàng trăm cái điều kiện, thuận lợi hơn nhiều so với câu lệnh If else, vì vậy, bạn đọc cần lưu ý.

(6)
151 lượt xem
Share
Ngày:04/11/2020 Chia sẻ bởi:Hoang Oanh Nguyen
TẢI VỀ XEM ONLINE

CÓ THỂ BẠN QUAN TÂM