Thứ Ba, 21 tháng 1, 2014

JavaScript Đối với vòng

Vòng có thể thực thi một khối mã một số lần.

Loops JavaScript

Vòng là tiện dụng, nếu bạn muốn chạy cùng mã hơn và hơn nữa, mỗi lần với một giá trị khác nhau.

Thường thì điều này là trường hợp khi làm việc với các mảng:

Thay vì viết:

document.write(cars[0] + "<br>");
document.write(cars[1] + "<br>");
document.write(cars[2] + "<br>");
document.write(cars[3] + "<br>");
document.write(cars[4] + "<br>");
document.write(cars[5] + "<br>");

Bạn có thể viết:

for (var i=0;i<cars.length;i++)
{
document.write(cars[i] + "<br>");
}
copy mã dưới và thử nó: 
<!DOCTYPE html>
<html>
<body>

<script>
cars=["BMW","Volvo","Saab","Ford"];
for (var i=0;i<cars.length;i++)
{
document.write(cars[i] + "<br>");
}
</script>

</body>
</html>

Thử nó cho mình »

Các loại khác nhau của Loops

JavaScript hỗ trợ các loại khác nhau của các vòng:
  • cho - vòng lặp thông qua một khối mã một số lần
  • cho / trong - vòng lặp thông qua các thuộc tính của một đối tượng
  • trong khi - vòng lặp thông qua một khối mã trong khi một điều kiện được chỉ định là đúng
  • làm / trong khi - cũng vòng qua một khối mã trong khi một điều kiện được chỉ định là đúng

Đối với các vòng lặp

Vòng lặp cho thường là công cụ mà bạn sẽ sử dụng khi bạn muốn tạo ra một vòng lặp.
Vòng lặp cho có cú pháp sau:

for (statement 1; statement 2; statement 3)
  {
  the code block to be executed
  }

Tuyên bố 1 được thực hiện trước khi vòng lặp (khối code) bắt đầu.

Tuyên bố 2 xác định điều kiện cho chạy vòng lặp (khối mã).

Tuyên bố 3 được thực hiện mỗi lần sau khi vòng lặp (khối mã) đã được thực hiện.

Ví dụ

<!DOCTYPE html>
<html>
<body>

<p>Click the button to loop through a block of code five times.</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>

<script>
function myFunction()
{
var x="";
for (var i=0;i<5;i++)
  {
  x=x + "The number is " + i + "<br>";
  }
document.getElementById("demo").innerHTML=x;
}
</script>

</body>
</html>

Thử nó cho mình »
Từ ví dụ trên, bạn có thể đọc:
Tuyên bố 1 bộ một biến trước khi vòng lặp bắt đầu (var i = 0).
Tuyên bố 2 xác định điều kiện cho các vòng lặp để chạy (tôi phải nhỏ hơn 5).
Tuyên bố 3 tăng một giá trị (i + +) mỗi lần khối mã trong vòng lặp được thực thi.

Tuyên bố 1

Thông thường bạn sẽ sử dụng báo cáo 1 để bắt đầu biến được sử dụng trong vòng lặp (var i = 0).

Đây không phải là luôn luôn như vậy, JavaScript không quan tâm, và tuyên bố 1 là tùy chọn.

Bạn có thể bắt đầu bất kỳ (hoặc nhiều) giá trị trong tuyên bố 1:

Ví dụ:

<!DOCTYPE html>
<html>
<body>

<script>
cars=["BMW","Volvo","Saab","Ford"];
for (var i=0,l=cars.length; i<l; i++)
{
document.write(cars[i] + "<br>");
}
</script>

</body>
</html>

Thử nó cho mình »

Và bạn có thể bỏ qua câu 1 (giống như khi giá trị của bạn được thiết lập trước khi vòng lặp bắt đầu):

Ví dụ:

<!DOCTYPE html>
<html>
<body>

<script>
cars=["BMW","Volvo","Saab","Ford"];
var i=2,len=cars.length;
for (; i<len; i++)
{
document.write(cars[i] + "<br>");
}
</script>

</body>
</html>

Thử nó cho mình »

Tuyên bố 2

Thường tuyên bố 2 được sử dụng để đánh giá tình trạng của biến ban đầu.

Đây không phải là luôn luôn như vậy, JavaScript không quan tâm, và tuyên bố 2 là tùy chọn.

Nếu tuyên bố 2 trả về true, vòng lặp sẽ bắt đầu lại một lần nữa, nếu nó trả về false, vòng lặp sẽ kết thúc.

GhiNếu bạn bỏ qua tuyên bố 2, bạn phải cung cấp một đột phá bên trong vòng lặp. Nếu không thì vòng lặp sẽ không bao giờ kết thúc. Này sẽ sụp đổ trình duyệt của bạn. Đọc về nghỉ trong một chương sau của hướng dẫn này. 

Tuyên bố 3

Thường tuyên bố 3 làm tăng biến ban đầu.

Đây không phải là luôn luôn như vậy, JavaScript không quan tâm, và tuyên bố 3 là tùy chọn.

Tuyên bố 3 có thể làm bất cứ điều gì. Thặng dư có thể là tiêu cực (i -), hoặc lớn hơn (i = i 15).

Tuyên bố 3 cũng có thể được bỏ qua (giống như khi bạn có mã tương ứng bên trong vòng lặp):

Ví dụ:

<!DOCTYPE html>
<html>
<body>

<script>
cars=["BMW","Volvo","Saab","Ford"];
var i=0,len=cars.length;
for (; i<len; )
{
document.write(cars[i] + "<br>");
i++;
}
</script>

</body>
</html>


Thử nó cho mình »

Đối với các / Trong vòng

JavaScript cho / trong tuyên bố vòng lặp thông qua các thuộc tính của một đối tượng:

Ví dụ

<!DOCTYPE html>
<html>
<body>
<p>Click the button to loop through the properties of an object named "person".</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>

<script>
function myFunction()
{
var x;
var txt="";
var person={fname:"John",lname:"Doe",age:25}; 

for (x in person)
{
txt=txt + person[x];
}

document.getElementById("demo").innerHTML=txt;
}
</script>
</body>
</html>

Thử nó cho mình »

Bạn sẽ tìm hiểu thêm về cho / trong vòng lặp trong chương về các đối tượng JavaScript.

Trong khi các vòng

Vòng lặp while và do / trong khi vòng lặp sẽ được giải thích trong chương kế tiếp.
Người đăng: vào lúc
Nhãn: ,
Các tin khác

Không có nhận xét nào:

Đăng nhận xét

Đăng ký: Đăng Nhận xét (Atom)