Làm thế nào để sử dụng Loop?
Vòng lặp rất hữu ích khi bạn phải thực thi lặp lại các dòng mã giống nhau, trong một số lần cụ thể hoặc miễn là một điều kiện cụ thể là đúng. Giả sử bạn muốn nhập tin nhắn ‘Xin chào’ 100 lần vào trang web của mình. Tất nhiên, bạn sẽ phải sao chép và dán cùng một dòng 100 lần. Thay vào đó, nếu bạn sử dụng vòng lặp, bạn có thể hoàn thành tác vụ này chỉ trong 3 hoặc 4 dòng.
Các loại vòng lặp khác nhau
Chủ yếu có bốn loại vòng lặp trong JavaScript.
- vòng lặp for
- for / in a loop (giải thích sau)
- Vòng lặp while
- vòng lặp do… while
Vòng lặp For
Cú pháp:
for(statement1; statement2; statment3)
{
Code để ở đây
}
Câu lệnh1 được thực hiện đầu tiên ngay cả trước khi thực thi mã lặp. Vì vậy, câu lệnh này thường được sử dụng để gán giá trị cho các biến sẽ được sử dụng bên trong vòng lặp.
Câu lệnh2 là điều kiện để thực hiện vòng lặp.
Câu lệnh3 được thực thi mỗi lần sau khi mã lặp được thực thi.
Vòng lặp for
<html>
<head>
<script type="text/javascript">
var students = new Array("John", "Ann", "Aaron", "Edwin", "Elizabeth");
document.write("<b>Using for loops </b><br/>");
for (i=0;i<students.length;i++)
{
document.write(students[i] + "<br/>");
}
</script>
</head>
<body>
</body>
</html>
Vòng lặp while
Cú pháp:
while(condition){
code thực hiện ở đây.
}
“Vòng lặp while” được thực hiện miễn là điều kiện được chỉ định là đúng. Bên trong vòng lặp while, bạn nên bao gồm câu lệnh sẽ kết thúc vòng lặp vào một thời điểm nào đó. Nếu không, vòng lặp của bạn sẽ không bao giờ kết thúc và trình duyệt của bạn có thể bị lỗi.
ví dụ tìm số fibonaci trong javascript
<html>
<head>
<script type="text/javascript">
// vong lap while
var i =0,j=1,k;
document.write("Vòng lăp while<br/>");
while(i<40){
document.write(i+"<br/>");
k=i+j;
i=j;
j=k;
}
</script>
</head>
<body>
</body>
</html>
Vòng lặp do while
cú pháp:
do{
code;
}while(condition)
Vòng lặp do… while rất giống với vòng lặp while. Sự khác biệt duy nhất là trong vòng lặp do… while, khối mã được thực thi một lần ngay cả trước khi kiểm tra điều kiện.
Ví dụ in ra các số chẵn nhỏ hơn 20
html>
<head>
<script type="text/javascript">
// Vòng lặp do while in ra các số chắn
var i=0;
do{
if(i%2==0){
document.write(i +"<br/>");
}
i++;
}while(i<20)
</script>
</head>
<body>
</body>
<html>
Những bài học javascript cơ bản
- Javascript là gì
- Biến trong Javascript
- Array trong javascript
No comments:
Post a Comment