So sánh JavaScript trường hợp chuyển đổi

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

if (expression === value1) { statement1; } else if (expression === value2) { statement2; } else if (expression === value3) { statement3; } else { statement; }

Code language: JavaScript (javascript)
7 để 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

if (expression === value1) { statement1; } else if (expression === value2) { statement2; } else if (expression === value3) { statement3; } else { statement; }

Code language: JavaScript (javascript)
7 đánh giá một

if (expression === value1) { statement1; } else if (expression === value2) { statement2; } else if (expression === value3) { statement3; } else { statement; }

Code language: JavaScript (javascript)
9, so sánh kết quả của nó với các giá trị

if (expression === value1) { statement1; } else if (expression === value2) { statement2; } else if (expression === value3) { statement3; } else { statement; }

Code language: JavaScript (javascript)
0 và thực thi câu lệnh được liên kết với giá trị

if (expression === value1) { statement1; } else if (expression === value2) { statement2; } else if (expression === value3) { statement3; } else { statement; }

Code language: JavaScript (javascript)
0 phù hợp

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

if (expression === value1) { statement1; } else if (expression === value2) { statement2; } else if (expression === value3) { statement3; } else { statement; }

Code language: JavaScript (javascript)
7

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á

    if (expression === value1) { statement1; } else if (expression === value2) { statement2; } else if (expression === value3) { statement3; } else { statement; }

    Code language: JavaScript (javascript)
    9 bên trong dấu ngoặc đơn sau từ khóa

    if (expression === value1) { statement1; } else if (expression === value2) { statement2; } else if (expression === value3) { statement3; } else { statement; }

    Code language: JavaScript (javascript)
    7
  • Thứ hai, so sánh kết quả của biểu thức với ________ 13, ________ 14, … trong nhánh ________ 20 từ trên xuống dưới. Câu lệnh

    if (expression === value1) { statement1; } else if (expression === value2) { statement2; } else if (expression === value3) { statement3; } else { statement; }

    Code language: JavaScript (javascript)
    7 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

    if (expression === value1) { statement1; } else if (expression === value2) { statement2; } else if (expression === value3) { statement3; } else { statement; }

    Code language: JavaScript (javascript)
    0 trong đó kết quả của

    if (expression === value1) { statement1; } else if (expression === value2) { statement2; } else if (expression === value3) { statement3; } else { statement; }

    Code language: JavaScript (javascript)
    9 bằng giá trị theo sau từ khóa

    if (expression === value1) { statement1; } else if (expression === value2) { statement2; } else if (expression === value3) { statement3; } else { statement; }

    Code language: JavaScript (javascript)
    0. 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

    if (expression === value1) { statement1; } else if (expression === value2) { statement2; } else if (expression === value3) { statement3; } else { statement; }

    Code language: JavaScript (javascript)
    7. 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

    if (expression === value1) { statement1; } else if (expression === value2) { statement2; } else if (expression === value3) { statement3; } else { statement; }

    Code language: JavaScript (javascript)
    0 ban đầu sang nhánh tiếp theo. Nếu kết quả của

    if (expression === value1) { statement1; } else if (expression === value2) { statement2; } else if (expression === value3) { statement3; } else { statement; }

    Code language: JavaScript (javascript)
    9 không hoàn toàn bằng với bất kỳ giá trị nào, thì câu lệnh

    if (expression === value1) { statement1; } else if (expression === value2) { statement2; } else if (expression === value3) { statement3; } else { statement; }

    Code language: JavaScript (javascript)
    7 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

if (expression === value1) { statement1; } else if (expression === value2) { statement2; } else if (expression === value3) { statement3; } else { statement; }

Code language: JavaScript (javascript)
7 sẽ ngừng so sánh kết quả của

if (expression === value1) { statement1; } else if (expression === value2) { statement2; } else if (expression === value3) { statement3; } else { statement; }

Code language: JavaScript (javascript)
9 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

if (expression === value1) { statement1; } else if (expression === value2) { statement2; } else if (expression === value3) { statement3; } else { statement; }

Code language: JavaScript (javascript)
7 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

if (expression === value1) { statement1; } else if (expression === value2) { statement2; } else if (expression === value3) { statement3; } else { statement; }

Code language: JavaScript (javascript)
7

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

if (expression === value1) { statement1; } else if (expression === value2) { statement2; } else if (expression === value3) { statement3; } else { statement; }

Code language: JavaScript (javascript)
7 để thay thế một câu lệnh phức tạp

Tuesday

4 để làm cho mã dễ đọc hơn

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

if (expression === value1) { statement1; } else if (expression === value2) { statement2; } else if (expression === value3) { statement3; } else { statement; }

Code language: JavaScript (javascript)
7 tương đương với câu lệnh 

Tuesday

4 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

if (expression === value1) { statement1; } else if (expression === value2) { statement2; } else if (expression === value3) { statement3; } else { statement; }

Code language: JavaScript (javascript)
7

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

if (expression === value1) { statement1; } else if (expression === value2) { statement2; } else if (expression === value3) { statement3; } else { statement; }

Code language: JavaScript (javascript)
7 để 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

________số 8

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

if (expression === value1) { statement1; } else if (expression === value2) { statement2; } else if (expression === value3) { statement3; } else { statement; }

Code language: JavaScript (javascript)
7. Nếu ngày là

if (expression === value1) { statement1; } else if (expression === value2) { statement2; } else if (expression === value3) { statement3; } else { statement; }

Code language: JavaScript (javascript)
30, ngày trong tuần là

if (expression === value1) { statement1; } else if (expression === value2) { statement2; } else if (expression === value3) { statement3; } else { statement; }

Code language: JavaScript (javascript)
31. Nếu ngày là

if (expression === value1) { statement1; } else if (expression === value2) { statement2; } else if (expression === value3) { statement3; } else { statement; }

Code language: JavaScript (javascript)
32, ngày trong tuần là

if (expression === value1) { statement1; } else if (expression === value2) { statement2; } else if (expression === value3) { statement3; } else { statement; }

Code language: JavaScript (javascript)
33, v.v.

Trường hợp chuyển đổi có nhanh hơn JavaScript không?

Hóa ra, câu lệnh switch nhanh hơn trong hầu hết các trường hợp so với câu lệnh if-else , nhưng chỉ nhanh hơn đáng kể khi số . Sự khác biệt chính về hiệu suất giữa hai loại này là chi phí gia tăng của một điều kiện bổ sung đối với if-else lớn hơn so với đối với switch.

Khi nào tôi nên sử dụng trường hợp chuyển đổi trong JavaScript?

Sử dụng công tắc để chọn một trong nhiều khối mã sẽ được thực thi . Đây là giải pháp hoàn hảo cho các câu lệnh if/else dài, lồng nhau. Câu lệnh switch đánh giá một biểu thức. Giá trị của biểu thức sau đó được so sánh với các giá trị của từng trường hợp trong cấu trúc.

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.

Trường hợp chuyển đổi có tốt hơn trường hợp khác nếu không?

Tốc độ. Câu lệnh chuyển đổi có thể chứng tỏ là nhanh hơn câu lệnh if với điều kiện số lượng trường hợp tốt . Nếu chỉ có một vài trường hợp, nó có thể không ảnh hưởng đến tốc độ trong mọi trường hợp. Thích chuyển đổi nếu số lượng trường hợp nhiều hơn 5, nếu không, bạn cũng có thể sử dụng if-else.