Câu lệnh chuyển đổi JavaScript (với các ví dụ)

Trong hướng dẫn này, bạn sẽ tìm hiểu về câu lệnh JavaScript switch với sự trợ giúp của các ví dụ.

Câu switchlệnh JavaScript được sử dụng để ra quyết định.

Câu switchlệnh đánh giá một biểu thức và thực thi phần nội dung tương ứng phù hợp với kết quả của biểu thức.

Cú pháp của switchcâu lệnh là:

 switch(variable/expression) ( case value1: // body of case 1 break; case value2: // body of case 2 break; case valueN: // body of case N break; default: // body of default )

Câu switchlệnh đánh giá một biến / biểu thức bên trong dấu ngoặc đơn ().

Nếu kết quả của biểu thức bằng value1thì phần thân của nó được thực thi.
Nếu kết quả của biểu thức bằng value2thì phần thân của nó được thực thi.
Quá trình này tiếp tục. Nếu không có trường hợp phù hợp, defaultcơ thể thực thi.

Ghi chú:

Câu breaklệnh là tùy chọn. Nếu gặp câu lệnh break, câu lệnh switch sẽ kết thúc.
Nếu breakcâu lệnh không được sử dụng, các trường hợp sau trường hợp phù hợp cũng được thực hiện.
Các defaultkhoản cũng là tùy chọn.

Lưu đồ của câu lệnh switch

Lưu đồ của câu lệnh chuyển đổi JavaScript

Ví dụ 1: Chương trình đơn giản sử dụng câu lệnh switch

 // program using switch statement let a = 2; switch (a) ( case 1: a = 'one'; break; case 2: a = 'two'; break; default: a = 'not found'; break; ) console.log(`The value is $(a)`);

Đầu ra

 Giá trị là hai.

Trong chương trình trên, một biểu thức a = 2được đánh giá bằng một switchcâu lệnh.

Các nhân biểu hiện kết quả được đánh giá bằng case 1mà kết quả trong false.
Sau đó, switchcâu lệnh chuyển sang trường hợp thứ hai. Ở đây, kết quả của biểu thức khớp với case 2. Vì vậy, giá trị là hai được hiển thị.
Câu breaklệnh kết thúc khối và luồng điều khiển của chương trình sẽ nhảy ra bên ngoài switchkhối.

Ví dụ 2: Gõ Kiểm tra trong Tuyên bố chuyển đổi

 // program using switch statement let a = 1; switch (a) ( case "1": a = 1; break; case 1: a = 'one'; break; case 2: a = 'two'; break; default: a = 'not found'; break; ) console.log(`The value is $(a)`);

Đầu ra

 Giá trị là một.

Trong chương trình trên, một biểu thức a = 1được đánh giá bằng một switchcâu lệnh.

Trong JavaScript, câu lệnh switch sẽ kiểm tra giá trị một cách nghiêm ngặt. Vì vậy, kết quả của biểu thức không khớp với case "1".
Sau đó, switchcâu lệnh chuyển sang trường hợp thứ hai. Ở đây, kết quả của biểu thức khớp với case 1. Vì vậy, giá trị là một được hiển thị.
Câu breaklệnh kết thúc khối và luồng điều khiển của chương trình sẽ nhảy ra bên ngoài switchkhối.

Lưu ý : Trong JavaScript, câu lệnh switch sẽ kiểm tra nghiêm ngặt các trường hợp (phải cùng kiểu dữ liệu) với kết quả của biểu thức. Lưu ý trong ví dụ trên, 1 không khớp với "1" .

Hãy viết một chương trình để tạo một máy tính đơn giản với switchcâu lệnh.

Ví dụ 3: Máy tính đơn giản

 // program for a simple calculator let result; // take the operator input const operator = prompt('Enter operator ( either +, -, * or / ): '); // take the operand input const number1 = parseFloat(prompt('Enter first number: ')); const number2 = parseFloat(prompt('Enter second number: ')); switch(operator) ( case '+': result = number1 + number2; console.log(`$(number1) + $(number2) = $(result)`); break; case '-': result = number1 - number2; console.log(`$(number1) - $(number2) = $(result)`); break; case '*': result = number1 * number2; console.log(`$(number1) * $(number2) = $(result)`); break; case '/': result = number1 / number2; console.log(`$(number1) / $(number2) = $(result)`); break; default: console.log('Invalid operator'); break; )

Đầu ra

 Nhập toán tử: + Nhập số đầu tiên: 4 Nhập số thứ hai: 5 4 + 5 = 9

Trong chương trình trên, người dùng được yêu cầu nhập + , - , * hoặc / và hai toán hạng. Sau đó, switchcâu lệnh thực thi các trường hợp dựa trên đầu vào của người dùng.

Chuyển đổi JavaScript với nhiều trường hợp

Trong câu lệnh chuyển đổi JavaScript, các trường hợp có thể được nhóm lại để chia sẻ cùng một mã.

Ví dụ 4: chuyển đổi với nhiều trường hợp

 // multiple case switch program let fruit = 'apple'; switch(fruit) ( case 'apple': case 'mango': case 'pineapple': console.log(`$(fruit) is a fruit.`); break; default: console.log(`$(fruit) is not a fruit.`); break; )

Đầu ra