Trang chủ Javascript switch trong javascript

switch trong javascript

Nguyễn Dương 19-06-2024

- Câu lệnh switch là một loại cơ chế điều khiển lựa chọn được sử dụng để cho phép giá trị của một biến hoặc biểu thức thay đổi luồng điều khiển thực hiện chương trình thông qua một nhánh nhiều đường. 

- Trong switch, nếu không có câu lệnh trường hợp nào khớp, các câu lệnh mặc định sẽ thực thi.


Sự khác biệt giữa if else và switch

- if else khối thực thi dựa trên đánh giá của biểu thức trong câu lệnh if

- switch chọn các câu lệnh để thực thi tùy thuộc vào biến đơn được truyền cho nó

Nên chuyển từ if/else sang switch khi các biểu thức trong câu lệnh if chỉ so sánh một biến với nhiều giá trị.


Cú pháp
switch (variable)
{
    case value_1 : {
        //Lệnh thực thi
        break;
    }
    case value_2 : {
        //Lệnh thực thi
        break;
    }
    default : {
        //Lệnh thực thi
    }
}
Chương trình sẽ kiểm tra variable phù hợp với case nào thì thực thi lệnh ở case đó. Nếu như trong tất cả các case không có case nào phù hợp thì nó sẽ chạy lệnh ở default, lệnh break sẽ giúp chương trình thoát khỏi lệnh switch, còn nếu bạn không thêm lệnh break thì chương trình sẽ tiếp tục kiểm tra và chạy tiếp ở case tiếp theo.

Ví dụ:
    let number = parseInt(prompt("Nhập số cần kiểm tra"));
    let mod = (number % 2);

    switch (mod) {
      case 0: {
        document.write(number + " là số chẵn");
        break;
      }
      case 1: {
        document.write(number + " là số lẻ");
        break;
      }
      default: {
        document.write("Ký tự bạn nhập không phải số");
      }
    }

Gom nhóm nhiều case cùng 1 thực thi
    var color = prompt("Nhập màu cần kiểm tra");

    switch (color) {
      case 'green':
      case 'yellow':
      case 'blue':
        document.write("Màu bạn nhập thuộc nhóm màu sáng");
        break;
      case 'black':
      case 'purple':
        document.write("Màu bạn nhập thuộc nhóm màu tối");
        break;
      default:
        document.write("Màu bạn nhập không có trong hệ thống");
    }

Bài viết liên quan

Từ khóa this Từ khóa this
Scope và scope chain trong javascript Scope và scope chain trong javascript
Nguyên lý Javascript thực thi chương trình Nguyên lý Javascript thực thi chương trình
Bất đồng bộ trong javascript Bất đồng bộ trong javascript
Lập trình hướng đối tượng Lập trình hướng đối tượng
Event trong javascript Event trong javascript