Các vòng lặp có thể thực thi một khối code liên tục miễn là một điều kiện cụ thể vẫn còn đúng.
Vòng lặp while
lặp qua một khối code miễn là một điều kiện cụ thể là đúng.
while (condition) {
// code block to be executed
}
Trong ví dụ tiếp theo, code trong vòng lặp sẽ chạy, hết lần này đến lần khác, miễn là biến (i) bé hơn 10:
while (i < 10) {
text += "The number is " + i;
i++;
}
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript While Loop</h2>
<p id="demo"></p>
<script>
var text = "";
var i = 0;
while (i < 10) {
text += "<br>The number is " + i;
i++;
}
document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>
Vòng lặp do/while
là một biến thể của vòng lặp while. Vòng lặp này sẽ thực thi khối code một lần, trước khi kiểm tra nếu điều kiện là đúng, sau đó nó sẽ lặp miễn là điều kiện vẫn đúng.
do {
// code block to be executed
}
while (condition);
Ví dụ dưới sử dụng vòng lặp do/while
. Vòng lặp sẽ luôn được thực thi ít nhất một lần, thậm chí khi mà điều kiện là false, bởi vì khối code được thực thi trước khi điều kiện được kiểm tra:
do {
text += "The number is " + i;
i++;
}
while (i < 10);
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Do/While Loop</h2>
<p id="demo"></p>
<script>
var text = ""
var i = 0;
do {
text += "<br>The number is " + i;
i++;
}
while (i < 10);
document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>
Đừng quên tăng biến dùng trong điều kiện, nếu không vòng lặp sẽ không bao giờ kết thúc!
Nếu bạn đã đọc chương trước, về vòng lặp for, bạn sẽ phát hiện một vòng lặp while rất giống với vòng lặp for, với statement 1 và statement 3 bị bỏ qua.
Việc lặp trong ví dụ này sử dụng một vòng for
để thu thập các tên car từ mảng cars:
var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var text = "";
for (;cars[i];) {
text += cars[i] + "<br>";
i++;
}
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var text = "";
for (;cars[i];) {
text += cars[i] + "<br>";
i++;
}
document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>
Việc lặp trong ví dụ này sử dụng một vòng while
để thu thập các tên car thừ mảng cars:
var i = 0;
var text = "";
while (cars[i]) {
text += cars[i] + "<br>";
i++;
}
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var text = "";
while (cars[i]) {
text += cars[i] + "<br>";
i++;
}
document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>
Ứng Dụng Học
Theo dõi cập nhật nội dung học trên Youtube & Facebook
Thông Tin Liên Hệ
Công Ty Cổ Phần Phát Triển Công Nghệ Gozic.
Website: https://gozic.vn
SĐT: 096 - 70 25 996
Email: ziczacgroup@gmail.com
Thiết kế webiste chuyên nghiệp
Thiết kế phần mềm quản trị
Thiết kế ứng dụng Android
Thiết kế ứng dụng IOS
Thiết kế Web App
Hỗ trợ Digital Marketing
Hỗ trợ quảng cáo Google Ads
Hỗ trợ quảng cáo Facebook Ads
Hỗ trợ SEO Website