programming javascript

Chuyển đổi trường hợp JavaScript

Công tắc là một câu lệnh có điều kiện giống như câu lệnh if. Chuyển đổi hữu ích khi bạn muốn thực thi một trong nhiều khối mã dựa trên giá trị trả về của một biểu thức đã chỉ định

cú pháp

switch[expression or literal value]{
    case 1:
        //code to be executed
      break;
    case 2:
        //code to be executed
        break;
    case n:
        //code to be executed
        break;
    default:
        //default code to be executed 
        //if none of the above case executed
}

Sử dụng từ khóa break để dừng thực thi và thoát khỏi switch. Ngoài ra, bạn có thể viết nhiều câu lệnh trong một trường hợp mà không cần sử dụng dấu ngoặc nhọn { }

Theo cú pháp trên, câu lệnh switch chứa một biểu thức hoặc giá trị bằng chữ. Một biểu thức sẽ trả về một giá trị khi được đánh giá. Công tắc có thể bao gồm nhiều trường hợp trong đó mỗi trường hợp đại diện cho một giá trị cụ thể. Mã trong trường hợp cụ thể sẽ được thực thi khi giá trị trường hợp bằng với giá trị trả về của biểu thức chuyển đổi. Nếu không có trường hợp nào khớp với giá trị biểu thức chuyển đổi thì trường hợp mặc định sẽ được thực thi

Ví dụ. tuyên bố chuyển đổi

var a = 3;

switch [a] {
    case 1:
        alert['case 1 executed'];
        break;
    case 2:
        alert["case 2 executed"];
        break;
   case 3:
        alert["case 3 executed"];
        break;
    case 4:
        alert["case 4 executed"];
        break;
    default:
        alert["default case executed"];
}

Thử nó

Trong ví dụ trên, câu lệnh switch bao gồm một biểu thức a/3, sẽ trả về 1 [vì a = 3]. Vậy trường hợp 1 sẽ được thực hiện trong ví dụ trên

Câu lệnh chuyển đổi JavaScript được sử dụng để thực thi một mã từ nhiều biểu thức. Nó cũng giống như câu lệnh else if mà chúng ta đã học ở trang trước. Nhưng nó là thuận tiện hơn nếu. khác. if vì nó có thể được sử dụng với số, ký tự, v.v.

Chữ ký của câu lệnh chuyển đổi JavaScript được đưa ra dưới đây

Cùng xem ví dụ đơn giản về câu lệnh switch trong javascript

Kiểm tra nó ngay bây giờ

Đầu ra của ví dụ trên

Câu lệnh chuyển đổi là thông qua tôi. e. tất cả các trường hợp sẽ được đánh giá nếu bạn không sử dụng câu lệnh ngắt

Hãy hiểu hành vi của câu lệnh switch trong JavaScript

Kiểm tra nó ngay bây giờ

Đầu ra của ví dụ trên

undefined B Hạng C Hạng Không Hạng

Tóm lược. trong hướng dẫn này, bạn sẽ học cách sử dụng câu lệnh JavaScript 

var a = 3;

switch [a] {
    case 1:
        alert['case 1 executed'];
        break;
    case 2:
        alert["case 2 executed"];
        break;
   case 3:
        alert["case 3 executed"];
        break;
    case 4:
        alert["case 4 executed"];
        break;
    default:
        alert["default case executed"];
}
9 để thực thi một khối dựa trên nhiều điều kiện

Giới thiệu về câu lệnh trường hợp chuyển đổi JavaScript

Câu lệnh 

var a = 3;

switch [a] {
    case 1:
        alert['case 1 executed'];
        break;
    case 2:
        alert["case 2 executed"];
        break;
   case 3:
        alert["case 3 executed"];
        break;
    case 4:
        alert["case 4 executed"];
        break;
    default:
        alert["default case executed"];
}
9 đánh giá một 
switch [expression] {
    case value1:
        statement1;
        break;
    case value2:
        statement2;
        break;
    case value3:
        statement3;
        break;
    default:
        statement;
}
Code language: JavaScript [javascript]
1, so sánh kết quả của nó với các giá trị 
switch [expression] {
    case value1:
        statement1;
        break;
    case value2:
        statement2;
        break;
    case value3:
        statement3;
        break;
    default:
        statement;
}
Code language: JavaScript [javascript]
2 và thực thi câu lệnh được liên kết với giá trị 
switch [expression] {
    case value1:
        statement1;
        break;
    case value2:
        statement2;
        break;
    case value3:
        statement3;
        break;
    default:
        statement;
}
Code language: JavaScript [javascript]
2 phù hợp

Sau đây minh họa cú pháp của câu lệnh 

var a = 3;

switch [a] {
    case 1:
        alert['case 1 executed'];
        break;
    case 2:
        alert["case 2 executed"];
        break;
   case 3:
        alert["case 3 executed"];
        break;
    case 4:
        alert["case 4 executed"];
        break;
    default:
        alert["default case executed"];
}
9

switch [expression] {
    case value1:
        statement1;
        break;
    case value2:
        statement2;
        break;
    case value3:
        statement3;
        break;
    default:
        statement;
}
Code language: JavaScript [javascript]

Làm thế nào nó hoạt động

  • Đầu tiên, đánh giá 
    switch [expression] {
    case value1:
        statement1;
        break;
    case value2:
        statement2;
        break;
    case value3:
        statement3;
        break;
    default:
        statement;
}
    Code language: JavaScript [javascript]
    1 bên trong dấu ngoặc đơn sau từ khóa 
    var a = 3;

switch [a] {
    case 1:
        alert['case 1 executed'];
        break;
    case 2:
        alert["case 2 executed"];
        break;
   case 3:
        alert["case 3 executed"];
        break;
    case 4:
        alert["case 4 executed"];
        break;
    default:
        alert["default case executed"];
}
    9
  • Thứ hai, so sánh kết quả của biểu thức với 
    if [expression === value1] {
  statement1;
} else if [expression === value2] {
  statement2;
} else if [expression === value3] {
  statement3;
} else {
  statement;
}

    
  
    

    Code language: JavaScript [javascript]
    3, 
    if [expression === value1] {
  statement1;
} else if [expression === value2] {
  statement2;
} else if [expression === value3] {
  statement3;
} else {
  statement;
}

    Code language: JavaScript [javascript]
    4, … trong nhánh 
    switch [expression] {
    case value1:
        statement1;
        break;
    case value2:
        statement2;
        break;
    case value3:
        statement3;
        break;
    default:
        statement;
}
    Code language: JavaScript [javascript]
    2 từ trên xuống dưới. Câu lệnh 
    var a = 3;

switch [a] {
    case 1:
        alert['case 1 executed'];
        break;
    case 2:
        alert["case 2 executed"];
        break;
   case 3:
        alert["case 3 executed"];
        break;
    case 4:
        alert["case 4 executed"];
        break;
    default:
        alert["default case executed"];
}
    9 sử dụng phép so sánh chặt chẽ [
    if [expression === value1] {
  statement1;
} else if [expression === value2] {
  statement2;
} else if [expression === value3] {
  statement3;
} else {
  statement;
}

    Code language: JavaScript [javascript]
    7]
  • Thứ ba, thực hiện câu lệnh trong nhánh 
    switch [expression] {
    case value1:
        statement1;
        break;
    case value2:
        statement2;
        break;
    case value3:
        statement3;
        break;
    default:
        statement;
}
    Code language: JavaScript [javascript]
    2 trong đó kết quả của 
    switch [expression] {
    case value1:
        statement1;
        break;
    case value2:
        statement2;
        break;
    case value3:
        statement3;
        break;
    default:
        statement;
}
    Code language: JavaScript [javascript]
    1 bằng giá trị theo sau từ khóa 
    switch [expression] {
    case value1:
        statement1;
        break;
    case value2:
        statement2;
        break;
    case value3:
        statement3;
        break;
    default:
        statement;
}
    Code language: JavaScript [javascript]
    2. Câu lệnh 
    let day = 3;
let dayName;

switch [day] {
  case 1:
    dayName = 'Sunday';
    break;
  case 2:
    dayName = 'Monday';
    break;
  case 3:
    dayName = 'Tuesday';
    break;
  case 4:
    dayName = 'Wednesday';
    break;
  case 5:
    dayName = 'Thursday';
    break;
  case 6:
    dayName = 'Friday';
    break;
  case 7:
    dayName = 'Saturday';
    break;
  default:
    dayName = 'Invalid day';
}

console.log[dayName]; // Tuesday

    Code language: JavaScript [javascript]
    1 thoát khỏi câu lệnh 
    var a = 3;

switch [a] {
    case 1:
        alert['case 1 executed'];
        break;
    case 2:
        alert["case 2 executed"];
        break;
   case 3:
        alert["case 3 executed"];
        break;
    case 4:
        alert["case 4 executed"];
        break;
    default:
        alert["default case executed"];
}
    9. Nếu bạn bỏ qua câu lệnh 
    let day = 3;
let dayName;

switch [day] {
  case 1:
    dayName = 'Sunday';
    break;
  case 2:
    dayName = 'Monday';
    break;
  case 3:
    dayName = 'Tuesday';
    break;
  case 4:
    dayName = 'Wednesday';
    break;
  case 5:
    dayName = 'Thursday';
    break;
  case 6:
    dayName = 'Friday';
    break;
  case 7:
    dayName = 'Saturday';
    break;
  default:
    dayName = 'Invalid day';
}

console.log[dayName]; // Tuesday

    Code language: JavaScript [javascript]
    1, việc thực thi mã sẽ chuyển từ nhánh 
    switch [expression] {
    case value1:
        statement1;
        break;
    case value2:
        statement2;
        break;
    case value3:
        statement3;
        break;
    default:
        statement;
}
    Code language: JavaScript [javascript]
    2 ban đầu sang nhánh tiếp theo. Nếu kết quả của 
    switch [expression] {
    case value1:
        statement1;
        break;
    case value2:
        statement2;
        break;
    case value3:
        statement3;
        break;
    default:
        statement;
}
    Code language: JavaScript [javascript]
    1 không hoàn toàn bằng với bất kỳ giá trị nào, thì câu lệnh 
    var a = 3;

switch [a] {
    case 1:
        alert['case 1 executed'];
        break;
    case 2:
        alert["case 2 executed"];
        break;
   case 3:
        alert["case 3 executed"];
        break;
    case 4:
        alert["case 4 executed"];
        break;
    default:
        alert["default case executed"];
}
    9 sẽ thực thi 
    let day = 3;
let dayName;

switch [day] {
  case 1:
    dayName = 'Sunday';
    break;
  case 2:
    dayName = 'Monday';
    break;
  case 3:
    dayName = 'Tuesday';
    break;
  case 4:
    dayName = 'Wednesday';
    break;
  case 5:
    dayName = 'Thursday';
    break;
  case 6:
    dayName = 'Friday';
    break;
  case 7:
    dayName = 'Saturday';
    break;
  default:
    dayName = 'Invalid day';
}

console.log[dayName]; // Tuesday

    Code language: JavaScript [javascript]
    7 trong nhánh 
    let day = 3;
let dayName;

switch [day] {
  case 1:
    dayName = 'Sunday';
    break;
  case 2:
    dayName = 'Monday';
    break;
  case 3:
    dayName = 'Tuesday';
    break;
  case 4:
    dayName = 'Wednesday';
    break;
  case 5:
    dayName = 'Thursday';
    break;
  case 6:
    dayName = 'Friday';
    break;
  case 7:
    dayName = 'Saturday';
    break;
  default:
    dayName = 'Invalid day';
}

console.log[dayName]; // Tuesday

    Code language: JavaScript [javascript]
    8

Rằng câu lệnh 

var a = 3;

switch [a] {
    case 1:
        alert['case 1 executed'];
        break;
    case 2:
        alert["case 2 executed"];
        break;
   case 3:
        alert["case 3 executed"];
        break;
    case 4:
        alert["case 4 executed"];
        break;
    default:
        alert["default case executed"];
}
9 sẽ ngừng so sánh kết quả của 
switch [expression] {
    case value1:
        statement1;
        break;
    case value2:
        statement2;
        break;
    case value3:
        statement3;
        break;
    default:
        statement;
}

  


Code language: JavaScript [javascript]
1 với các giá trị trường hợp còn lại miễn là nó tìm thấy kết quả khớp

Câu lệnh 

var a = 3;

switch [a] {
    case 1:
        alert['case 1 executed'];
        break;
    case 2:
        alert["case 2 executed"];
        break;
   case 3:
        alert["case 3 executed"];
        break;
    case 4:
        alert["case 4 executed"];
        break;
    default:
        alert["default case executed"];
}
9 giống như câu lệnh if…else…if. Nhưng nó có cú pháp dễ đọc hơn

Lưu đồ sau đây minh họa câu lệnh 

var a = 3;

switch [a] {
    case 1:
        alert['case 1 executed'];
        break;
    case 2:
        alert["case 2 executed"];
        break;
   case 3:
        alert["case 3 executed"];
        break;
    case 4:
        alert["case 4 executed"];
        break;
    default:
        alert["default case executed"];
}
9

Trong thực tế, bạn thường sử dụng một câu lệnh 

var a = 3;

switch [a] {
    case 1:
        alert['case 1 executed'];
        break;
    case 2:
        alert["case 2 executed"];
        break;
   case 3:
        alert["case 3 executed"];
        break;
    case 4:
        alert["case 4 executed"];
        break;
    default:
        alert["default case executed"];
}
9 để thay thế một câu lệnh phức tạp 
var a = 3;

switch [a] {
    case 1:
        alert['case 1 executed'];
        break;
    case 2:
        alert["case 2 executed"];
        break;
   case 3:
        alert["case 3 executed"];
        break;
    case 4:
        alert["case 4 executed"];
        break;
    default:
        alert["default case executed"];
}
04 để làm cho mã dễ đọc hơn

Về mặt kỹ thuật, câu lệnh 

var a = 3;

switch [a] {
    case 1:
        alert['case 1 executed'];
        break;
    case 2:
        alert["case 2 executed"];
        break;
   case 3:
        alert["case 3 executed"];
        break;
    case 4:
        alert["case 4 executed"];
        break;
    default:
        alert["default case executed"];
}
9 tương đương với câu lệnh 
var a = 3;

switch [a] {
    case 1:
        alert['case 1 executed'];
        break;
    case 2:
        alert["case 2 executed"];
        break;
   case 3:
        alert["case 3 executed"];
        break;
    case 4:
        alert["case 4 executed"];
        break;
    default:
        alert["default case executed"];
}
04 sau đây

if [expression === value1] {
  statement1;
} else if [expression === value2] {
  statement2;
} else if [expression === value3] {
  statement3;
} else {
  statement;
}

Code language: JavaScript [javascript]

Ví dụ về trường hợp chuyển đổi JavaScript

Hãy lấy một số ví dụ về việc sử dụng câu lệnh JavaScript 

var a = 3;

switch [a] {
    case 1:
        alert['case 1 executed'];
        break;
    case 2:
        alert["case 2 executed"];
        break;
   case 3:
        alert["case 3 executed"];
        break;
    case 4:
        alert["case 4 executed"];
        break;
    default:
        alert["default case executed"];
}
9

1] Sử dụng câu lệnh chuyển đổi JavaScript để lấy ngày trong tuần

Ví dụ sau sử dụng câu lệnh 

var a = 3;

switch [a] {
    case 1:
        alert['case 1 executed'];
        break;
    case 2:
        alert["case 2 executed"];
        break;
   case 3:
        alert["case 3 executed"];
        break;
    case 4:
        alert["case 4 executed"];
        break;
    default:
        alert["default case executed"];
}
9 để lấy ngày trong tuần dựa trên số ngày

let day = 3;
let dayName;

switch [day] {
  case 1:
    dayName = 'Sunday';
    break;
  case 2:
    dayName = 'Monday';
    break;
  case 3:
    dayName = 'Tuesday';
    break;
  case 4:
    dayName = 'Wednesday';
    break;
  case 5:
    dayName = 'Thursday';
    break;
  case 6:
    dayName = 'Friday';
    break;
  case 7:
    dayName = 'Saturday';
    break;
  default:
    dayName = 'Invalid day';
}

console.log[dayName]; // Tuesday

Code language: JavaScript [javascript]

đầu ra

var a = 3;

switch [a] {
    case 1:
        alert['case 1 executed'];
        break;
    case 2:
        alert["case 2 executed"];
        break;
   case 3:
        alert["case 3 executed"];
        break;
    case 4:
        alert["case 4 executed"];
        break;
    default:
        alert["default case executed"];
}
0

Làm thế nào nó hoạt động

Đầu tiên, khai báo biến ngày chứa số ngày và biến tên ngày [dayName]

Thứ hai, lấy ngày trong tuần dựa trên số ngày bằng cách sử dụng câu lệnh 

var a = 3;

switch [a] {
    case 1:
        alert['case 1 executed'];
        break;
    case 2:
        alert["case 2 executed"];
        break;
   case 3:
        alert["case 3 executed"];
        break;
    case 4:
        alert["case 4 executed"];
        break;
    default:
        alert["default case executed"];
}
9. Nếu ngày là 
var a = 3;

switch [a] {
    case 1:
        alert['case 1 executed'];
        break;
    case 2:
        alert["case 2 executed"];
        break;
   case 3:
        alert["case 3 executed"];
        break;
    case 4:
        alert["case 4 executed"];
        break;
    default:
        alert["default case executed"];
}
50, ngày trong tuần là 
var a = 3;

switch [a] {
    case 1:
        alert['case 1 executed'];
        break;
    case 2:
        alert["case 2 executed"];
        break;
   case 3:
        alert["case 3 executed"];
        break;
    case 4:
        alert["case 4 executed"];
        break;
    default:
        alert["default case executed"];
}
51. Nếu ngày là 
var a = 3;

switch [a] {
    case 1:
        alert['case 1 executed'];
        break;
    case 2:
        alert["case 2 executed"];
        break;
   case 3:
        alert["case 3 executed"];
        break;
    case 4:
        alert["case 4 executed"];
        break;
    default:
        alert["default case executed"];
}
52, ngày trong tuần là 
var a = 3;

switch [a] {
    case 1:
        alert['case 1 executed'];
        break;
    case 2:
        alert["case 2 executed"];
        break;
   case 3:
        alert["case 3 executed"];
        break;
    case 4:
        alert["case 4 executed"];
        break;
    default:
        alert["default case executed"];
}
53, v.v.

Trường hợp chuyển đổi trong JavaScript là gì?

Câu lệnh chuyển đổi đánh giá một biểu thức, so khớp giá trị của biểu thức với một loạt các mệnh đề trường hợp và thực thi các câu lệnh sau mệnh đề trường hợp đầu tiên với một giá trị khớp, cho đến khi gặp câu lệnh ngắt

Trường hợp chuyển đổi có sẵn trong JavaScript không?

Ngoài if. other , JavaScript có một tính năng được gọi là câu lệnh chuyển đổi . chuyển đổi là một loại câu lệnh có điều kiện sẽ đánh giá một biểu thức dựa trên nhiều trường hợp có thể xảy ra và thực thi một hoặc nhiều khối mã dựa trên các trường hợp phù hợp.

Làm cách nào để viết các trường hợp chuyển đổi trong JavaScript?

Quy tắc cho câu lệnh switch .
Một biểu thức phải luôn thực thi để có kết quả
Nhãn trường hợp phải là hằng số và duy nhất
Nhãn trường hợp phải kết thúc bằng dấu hai chấm [. ]
Một từ khóa break phải có mặt trong mỗi trường hợp
Chỉ có thể có một nhãn mặc định
Chúng ta có thể lồng nhiều câu lệnh switch

Tại sao trường hợp chuyển đổi không được khuyến khích?

Nhưng có một số nhược điểm khi sử dụng chúng. Chúng hoạt động hiệu quả trong quá trình tạo nhóm trường hợp ban đầu của bạn, nhưng khi bạn phải mở rộng chúng, chúng sẽ trở nên khó xử lý và làm phình mã của bạn . Hơn nữa, khi bạn muốn ánh xạ các kịch bản phức tạp, trường hợp chuyển đổi là một mớ hỗn độn.

Bài Viết Liên Quan

Nhận URL trang chủ WordPress
Làm thế nào để bạn có một chỉ mục chuỗi?
C ++ truyền lớp cho hàm tạo
2023 Toyota Tundra brochure
Viết mã chủ đề WordPress từ đầu
Sự khác biệt giữa SUBSTR và chuỗi con TRONG MySQL
Hướng dẫn font chữ css
Luồng sự kiện python
Tải lên hình ảnh REST API codeigniter 3
Tôi có thể tải xuống các dự án Python ở đâu?
Thuốc an mạch giá bao nhiêu
Cấu hình lại máy chủ mysql
Làm cách nào để cài đặt PHP MySQL MySQL trên CentOS 7?
UN 2023 Water Conference registration
Tách chuỗi mysql
Laravel kiểm tra xem yêu cầu có phải là ajax không
Php sắp xếp mảng theo thứ tự của mảng khác
Nút xóa javascript
Các thẻ HTML cơ bản là gì?
Php xóa bộ đệm đầu ra

Toplist mới

#1
Top 6 bản thân em phải làm gì để phòng chống hiv/aids 2023
6 tháng trước
#2
Top 7 số 20 gồm 2 và 0 đúng hay sai 2023
6 tháng trước
#3
Top 7 địa lý lớp 6 bài 19: lớp đất và các nhân tố hình thành đất một số nhóm đất điển hình trang 178 2023
6 tháng trước
#4
Top 7 h thực hiện chủ trương đường lối chính sách của đảng pháp luật của nhà nước 2023
6 tháng trước
#5
Top 6 on tập tiếng việt lớp 7 học kĩ 2 violet 2023
6 tháng trước
#6
Top 7 trung du và miền núi bắc bộ có thế mạnh nổi bật về luyện kim đen 2023
6 tháng trước
#7
Top 8 mơ thấy có người to tình với mình 2023
6 tháng trước
#8
Top 6 nước yến cao cấp yến sào thiên hoàng 2023
6 tháng trước
#9
Top 7 ví dụ về quyết định hành chính nhà nước 2023
6 tháng trước

Bài mới nhất

Suửa lỗi chính tả tự động trong word năm 2024
Văn khấn thần tài thổ địa ngày rằm tháng giêng năm 2024
Bless the lord oh my soul là gì năm 2024
Thực thi công vụ là gì năm 2024
App kiểm tra nguồn gốc hàng hóa qua mã vạch năm 2024
Mặt nổi mấy mục đốm đen là bị gì năm 2024
Hội chứng đao ở người biểu hiện như thế nào năm 2024
Làm thế nào để có hơi thở thơm mát năm 2024
Cây nụ tầm xuân là cây gì năm 2024
Tổ chức cũng cấp tín dụng tiếng anh là gì năm 2024

Chủ Đề

Hỏi Đáp Mẹo Hay Toplist Là gì Địa Điểm Hay programming Học Tốt mẹo hay Công Nghệ Nghĩa của từ Khỏe Đẹp Bao nhiêu đánh giá Top List bao nhieu bao nhiêu hướng dẫn So Sánh Tiếng anh Bài tập So sánh Xây Đựng Sản phẩm tốt Ngôn ngữ Món Ngon Bài Tập Ở đâu Thế nào Tại sao Hướng dẫn Máy tính Dịch Bao lâu Đại học Khoa Học Vì sao