Người Viết : ViKiMi Editor

Hướng dẫn sử dụng lệnh Break và Continue trong ngôn ngữ JavaScript khi lập trình bất ký Website thương mại
Thực hành với JavaScript Bạn có thể thấy có rất nhiều cấu trúc lệnh khác nhau về vòng lặp. Đồng thời Bạn cũng thấy lệnh Switch được sử dụng rất phổ biến. Đó là những lệnh cho phép Bạn hoàn toàn thoải mái khi lập trình. Nhưng Bạn cũng biết rằng JavaScript còn cung cấp cho Bạn các lệnh kết hợp hữu ích khác.
Những lệnh được nhắc đến lần này có nhiều hữu ích hay không?
+ Những lệnh được nhắc đến là Break và Continue
+ Đây là những bổ sung tuyệt vời để Bạn có thể biến hóa cách linh hoạt khi Thiết kế bất kỳ điều gì. Nó sẽ mang lại cho Bạn những biến hóa nhiều nhất theo các cách mà Bạn mong muốn
Vậy sự tuyệt vời này được nhắc đến thực chất là gì?
Chúng ta có câu trả lời :
Đây là hai lệnh mà Bạn không thể bỏ qua. Chúng mang cách sử dụng thật đơn giản và có thể liệt kê ngay sau đây.
+ Lệnh Break giúp chúng ta “Nhảy khỏi / Thoát” khỏi một lệnh vòng lặp bất kỳ trong khối lập trình. Nó hiệu quả hơn nhiều khi có những điều kiện kiểm tra, kết hợp. Và do đó chúng ta sẽ có các xử lý riêng cho từng đối tượng
+ Lệnh Continue cho phép Chúng ta thực hiện “Nhảy Qua” một lần lặp trong vòng lặp. Nhờ vậy, chúng ta có thể bỏ qua các câu lệnh trong lần lặp đó. Điều này thực sự hiệu quả khi bạn kết hợp với các điều kiện xử lý.
Để hiểu rõ hơn chúng ta có thể tham khảo Những ví dụ bên dưới.
Example 1 :: Hoạt động của lệnh Break
+ Vòng lặp For sẽ được thực hiện với i == 0 , i == 1 , i ==2 ; Cho tới khi j tiếp tục được tăng lên một giá trị ( Có nghĩa i == 3 ) thì chương trình của chúng ta sẽ Thoát khỏi vòng lặp for
+ Nguyên nhân khi i == 3 thì lệnh Break sẽ được hiện và chương trình thoát khỏi vòng lặp for
<!DOCTYPE html>
<html>
<body>
<h2> Sử Dụng Câu Lệnh Break Khi Lập Trình </h2>
<p id="Paragraph_01"></p>
<script>
let txt_numbers = "";
for (let i = 0; i < 5; i++) {
if (i === 3) { break; }
txt_numbers += "The number is " + i + "<br>";
}
document.getElementById("Paragraph_01").innerHTML = txt_numbers;
</script>
</body>
</html>
Example 2 :: Hoạt động của lệnh continue
+ Chúng ta thấy rằng tại đây có sử dụng lệnh Continue. Vậy điều gì mới sẽ xảy ra với ví dụ này?
+ Lý thuyết chúng ta có là lệnh Continue sẽ bỏ qua một lần lặp trong vòng lặp JavaScript. Nhưng cụ thể ở đây là gì?
+ Thật đơn giản và dễ hiểu là :
Chương trình sẽ thực hiện tuần tự như sau
· Khi i == 0, i == 1 , i ==2 thì các lệnh trong vòng lặp sẽ được hiện đầy đủ. Tất nhiên là khi này i có giá trị khác 3 nên lệnh Continue không được xử lý
· Khi i == 3 Chương trình sẽ thực hiện bỏ qua một lần lặp và sẽ tiếp tục thực thi những lần lặp tiếp theo với i == 4
<!DOCTYPE html>
<html>
<body>
<h2> Sử Dụng Câu Lệnh Continue Khi Lập Trình </h2>
<p id="Paragraph_01"></p>
<script>
let txt = "";
for (let i = 0; i < 5; i++) {
if (i === 3) { continue; }
txt += "The number is " + i + "<br>";
}
document.getElementById("Paragraph_01").innerHTML = txt;
</script>
</body>
</html>
Như vậy, Bạn có thể thấy việc sử dụng các câu lệnh Break và Continue không khó khăn và nó rất dễ dàng. Nếu Bạn vận dụng tốt nhất thì một trang Web sẽ đẹp mắt hơn có thể. Đây là 2 câu lệnh mà Bạn hoàn toàn tạo ra các cấu trúc thiết kế khác biệt. Vậy nên Bạn chỉ cần áp dụng đúng ý đồ thì Website sẽ đẹp hơn.