JavaScript - Lệnh Switch Case

14/03/2019, 4:45 PM | 16/03/2019, 5:35 PM | 662 | 014

Lệnh Switch Case tương đối giống với if else, bạn có thể dùng if else if để giải các bài toán. Tuy nhiên trong nhiều trường hợp Switch Case là lựa chọn tốt hơn, chúng ta cùng tìm hiểu nhé.
1. Lệnh Switch Case trong JavaScript
Cú pháp như sau :

switch (variable)
{
    case value1 : {
        // các câu lệnh
        break;
    }
    case value2 : {
        // các câu lệnh
        break;
    }
    default: {
        // các câu lệnh
    }
}

Khi biến (variable) được chuyền vào chương trình sẽ chạy qua lần lượt từng case, nếu có kết quả phù hợp chương trình sẽ chạy vào case đó và thực hiện các câu lệnh trong case. Lệnh break sẽ thoát ra khỏi lệnh switch, ngược lại nếu không có kết quả phù hợp thì các lệnh trong default sẽ được thực thi.
Ví dụ:

var age = 28;

switch (age )
{
    case 20: {
        document.write('Tuổi là 28');
        break;
    }
    case 25: {
        document.write('Tuổi là 25');
        break;
    }
    case 28: {
        document.write('Tuổi là 28');
        break;
    }
    default: {
        document.write('Không có kết quả phù hợp');
    }
}

// kết quả in ra là Tuổi là 28

Ví dụ khác : Nhập một số có 1 chữ số, lớn hơn 0 và chia hết cho 3 ?

Xem Kết Quả

<html>
    <head>
        <title></title>
      
      <script>
        var Number =  prompt('Nhập một số :');
        
        switch(Number)
        {
          case '3':{
            document.write('Đúng '+ Number + ' chia hết cho 3');
            break;
          }
          case '6':{
            document.write('Đúng '+ Number + ' chia hết cho 3');
            break;
          }
          case '9':{
            document.write('Đúng '+ Number + ' chia hết cho 3');
            break;
          }
          default :{
               document.write('Sai !!!');
          }
        }
      </script>
      
    </head>
  
    <body>
      
    </body>
</html>

Ở trên biến Number nhập vào là kiểu string nên ở case có nháy kép : case '3'
Nếu bạn muốn chuyển về kiểu int thì dùng hàm parseInt() như sau kết quả cũng sẽ tương tự:

<html>
    <head>
        <title></title>
      
      <script>
        var Value =  prompt('Nhập một số :');
        var Number = parseInt(Value);
        
        switch(Number)
        {
          case 3:{
            document.write('Đúng '+ Number + ' chia hết cho 3');
            break;
          }
          case 6:{
            document.write('Đúng '+ Number + ' chia hết cho 3');
            break;
          }
          case 9:{
            document.write('Đúng '+ Number + ' chia hết cho 3');
            break;
          }
          default :{
               document.write('Sai !!!');
          }
        }
      </script>
      
    </head>
  
    <body>
      
    </body>
</html>

Trên đây là một ví dụ đơn giản về switch case, trong các dự án thực tế tùy vào từng bài toán mà bạn sử dụng switch-case hay if-else. Chúc bạn lập trình vui vẻ :)