Điều kiện chuyển đổi JavaScript

Tìm hiểu kiến thức cơ bản về JavaScript Switch có điều kiện

Anif/elsetuyên bố là tuyệt vời khi bạn có một vài tùy chọn để chọn.

Tuy nhiên, khi chúng quá nhiều, nó có thể quá mức cần thiết. Mã của bạn sẽ trông quá phức tạp.

Trong trường hợp này, bạn có thể muốn sử dụngswitchcó điều kiện:

switch(<expression>) {
  //cases
}

dựa trên kết quả của biểu thức, JavaScript sẽ kích hoạt một trường hợp cụ thể mà bạn xác định:

const a = 2
switch(a) {
  case 1:
    //handle case a is 1
    break
  case 2:
    //handle case a is 2
    break
  case 3:
    //handle case a is 3
    break
}

Bạn phải thêm mộtbreakở cuối mỗi trường hợp, nếu không JavaScript cũng sẽ thực thi mã trong trường hợp tiếp theo (và đôi khi điều này hữu ích, nhưng hãy cẩn thận với lỗi). Khi được sử dụng bên trong một hàm, nếu công tắc xác định giá trị trả về, thay vì sử dụngbreakbạn chỉ có thể sử dụngreturn:

const doSomething = (a) => {
  switch(a) {
    case 1:
      //handle case a is 1
      return 'handled 1'
    case 2:
      //handle case a is 2
      return 'handled 2'
    case 3:
      //handle case a is 3
      return 'handled 3'
  }
}

Bạn có thể cung cấp mộtdefaulttrường hợp đặc biệt, được gọi khi không có trường hợp nào xử lý kết quả của biểu thức:

const a = 2
switch(a) {
  case 1:
    //handle case a is 1
    break
  case 2:
    //handle case a is 2
    break
  case 3:
    //handle case a is 3
    break
  default:
    //handle all other cases
    break
}

Tải xuống miễn phí của tôiSổ tay dành cho Người mới bắt đầu JavaScript


Các hướng dẫn js khác: