Hướng dẫn dùng eswitch JavaScript
Trong bài này chúng ta sẽ tìm hiểu lệnh switch case trong Javascript, đây cũng là một lệnh dùng để rẻ nhánh như lệnh if else. Show Nội dung chính
Bài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức. Lẽ ra bài này mình viết ngay từ đầu nhưng do việc học Javascript có sử dụng nhiều đối tượng riêng của nó nên mình giới thiệu các đối tượng đó trước. Chúng ta đã được học câu kiểm tra điều kiện if else rồi, tuy nhiên vẫn còn một cách khác có chức năng tương tự đó là câu lệnh 1. Lệnh switch case trong JavascriptLênh Bài viết này được đăng tại [free tuts .net] Cú pháp switch (variable) { case value_1 : { // do some thing break; } case value_2 : { // do some thing break; } default : { // do something } } Nếu như trong tất cả các case không có Quy trình chạy như sau:
Đề bài: Viết chương trình cho người dùng nhập vào một số, kiểm tra số đó là số chẵn hay số lẻ. Với bài toán này thì mình kết hợp lệnh prompt() để lấy thông tin từ người dùng, đồng thời kết hợp lệnh
Chương trình sử dụng lệnh switch RUN var number = parseInt(prompt("Nhập số cần kiểm tra")); var 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ố"); } } Với ví dụ này thì bạn hoàn toàn có thể sử dụng lệnh if else để thực hiện. Chương trình sử dụng lệnh if else RUN var number = parseInt(prompt("Nhập số cần kiểm tra")); var mod = (number % 2); if (mod == 0){ document.write(number + " là số chẵn"); } else if (mod == 1){ document.write(number + " là số lẽ"); } else{ document.write("Ký tự bạn nhập không phải số"); } 2. Ví dụ lệnh switch case trong JavascriptĐề bài: Viết chương trình cho người dùng nhập một màu, kiểm tra màu đó có phải màu đỏ (red) hay màu vàng (yellow) hay không? Nếu không phải thì thông báo cho người dùng biết nhập sai màu. Chúng ta sẽ giải bài này bằng nhiều cách khác nhau và mỗi cách bạn sẽ học được một kinh nghiệm xử lý lệnh Trường hợp không có defaultTrường hợp này nếu bạn nhập một màu khác với màu đỏ (red) và vàng (yellow) thì sẽ không có thông báo gì. var color = prompt("Nhập màu cần kiểm tra"); switch (color){ case 'red' : document.write("Bạn nhập màu đỏ, đúng rồi đó"); break; case 'yellow' : document.write("Bạn nhập màu vàng, đúng rồi đó"); break; } Trường hợp không có breakTrường hợp này nếu bạn nhập vào màu đỏ (red) thì chương trình sẽ in ra cả lệnh ở case màu vàng (yellow) phía dưới, lý do là trong var color = prompt("Nhập màu cần kiểm tra"); switch (color){ case 'red' : document.write("Bạn nhập màu đỏ, đúng rồi đó"); case 'yellow' : document.write("Bạn nhập màu vàng, đúng rồi đó"); break; default : document.write("Màu bạn nhập không có trong hệ thống"); } Giả sử bạn thêm một var color = prompt("Nhập màu cần kiểm tra"); switch (color){ case 'red' : document.write("Bạn nhập màu đỏ, đúng rồi đó"); case 'yellow' : document.write("Bạn nhập màu vàng, đúng rồi đó"); break; case 'blue' : document.write("Bạn nhập màu xanh, đúng rồi đó"); break; default : docment.write("Màu bạn nhập không có trong hệ thống"); } Trường hợp gom nhóm caseNếu bạn để ý kỹ hơn thì thì thấy rằng nếu người dùng nhập vào màu đỏ (red), vàng (yellow) và xanh (blue) thì đều có thông báo nhập đúng. Vậy tai sao mình không gom ba trường hợp đó thành một thôi. var color = prompt("Nhập màu cần kiểm tra"); switch (color){ case 'red' : case 'yellow' : case 'blue' : document.write("Bạn nhập màu " + color + ", đúng rồi đó"); break; default : document.write("Màu bạn nhập không có trong hệ thống"); } 3. Lời kếtTừ ba trường hợp trên ta suy ra được kết luận như sau:
|