Trong bài trước, về câu lệnh IF chúng tôi có thể sử dụng cấu trúc If Else Nếu tuyên bố thử nghiệm cho nhiều điều kiện, sau đó xuất ra một kết quả khác nhau đối với từng điều kiện.
Ví dụ, nếu biến myColor
là bằng Blue
, chúng tôi có thể sản xuất một tin nhắn. Nếu nó là Red
chúng tôi có thể sản lượng khác, vv
Một cách khác để làm điều này là sử dụng câu lệnh Switch JavaScript. Một lợi thế của việc sử dụng câu lệnh switch là nó sử dụng mã ít hơn, đó là tốt hơn nếu bạn có rất nhiều điều kiện mà bạn cần phải kiểm tra.
Ví dụ câu lệnh
Ở đây, chúng ta sẽ viết lại ví dụ cuối cùng trong bài học trước đó vào một câu lệnh switch.
- Khi người dùng nhấn bất kỳ nút radio, các
onclick
xử lý sự kiện gọianalyzeColor()
chức năng. Chúng tôi gọi là chức năng, vượt qua trong các giá trị của nút radio (sử dụngthis.value
). Các chức năng sau đó phải lấy giá trị đó và thực hiện câu lệnhswitch
- Dòng đầu tiên của câu lệnh switch là
switch (myColor)
. Điều này có nghĩa rằng nó sẽ thực hiện các bài kiểm tra của nó so với giá trị củamyColor
biến. - Dòng này được theo sau bởi một tập hợp các “trường hợp” trong dấu ngoặc nhọn. Điều quan trọng là phải sử dụng “phá vỡ” sau mỗi trường hợp – điều này ngăn cản các mã từ chạy vào trong trường hợp tiếp theo. Trong trường hợp của các màu sắc là màu xanh, nó sẽ hiển thị một hộp cảnh báo với một thông điệp tùy biến màu sắc đó. Điều này cũng cho Red. Các
default
là điều kiện chỉ được thực hiện nếu hai người khác là không đúng sự thật (tức là màu sắc được lựa chọn không phải là màu xanh hay đỏ).