Người Viết : ViKiMi Editor
Lập trình Website thật dễ hiểu với vòng lặp For / for loop và những điều mới của ngôn ngữ Js
Vòng lặp For trong ngôn ngữ JavaScript đem lại tác dụng lớn khi bạn thiết kế Website. Với bất cứ thiết kế nào cũng vậy, chỉ cần vận dụng đúng cách thì điều nó mang luôn là sự hài lòng. Ngôn ngữ JavaScript làm cho trang Web đẹp hơn, Các cấu trúc lệnh vòng lặp hầu hết có những khác biệt. Nhưng đều làm cho việc thiết kế Web đạt tối ưu.
For Loop / Vòng lặp For được JavaScript cung cấp rất tốt.
Cách sử dụng vòng lặp For có thể áp dụng với nhiều cách, Giúp cho xử lý dữ liệu đạt hiệu quả.
+ For Loop / Vòng lặp For được thiết kế để chạy đi chạy lại cùng một khối mã lệnh nhiều lần, mỗi lần sẽ có dữ liệu xử lý tương ứng của lần đó
+ Điều này thật hữu ích để tối ưu Code lập trình
>> TÓM LẠI : Vòng lặp giúp thực thi một khối mã lệnh từ 1 đến nhiều lần
CHÚNG TA CÓ THỂ VÍ DỤ
+ Có mảng dữ liệu sau đây :
const employees = [“Thành”, “Văn”, “An”, “Tân”, “Tiến”];
+ Vậy để duyệt qua tất cả phần tử mảng Const employees chúng ta cần :
<script> const employees = ["Thành", "Văn", "An", "Tân", "Tiến"]; let messages = ""; for (let i = 0; i < employees.length; i++) { messages += "Nhan Vien : " + employees[i] + "<br>"; } </script>
BẠN CÓ THỂ THẤY, thật đơn giản để duyệt qua tất cả các phần tử của mảng Const employees. Với cách sủ dụng vòng lặp For chúng ta đã làm được và tối ưu hoá Code.
1 ] Cú pháp Vòng lặp For / For Loop
for (expression 1; expression 2; expression 3) {
/**
* Khối mã lệnh thực thi tại đây
*/
}
+ Expression 1 được thực thi ( duy nhất một lần) trước khi thực thi khối mã lệnh trong thân vòng lặp For
+ Expression 2 xác định điều kiện để thực thi lặp lại khối mã lệnh trong thân vòng lặp For
+ Expression 3 được thực thi (mọi lúc) sau khi khối mã lệnh được thực thi
2 ] Những cách sử dụng phổ biến của For Loop
2-1 , Cách làm việc với Expression 1
+ Cách lập trình phổ biến được mọi Lập trình viên sử dụng :
Expression 1 được sử dụng để khởi tạo biến sẽ sử dụng trong vòng lặp
Example :
for ( let i = 0, len = employees.length, messages = ""; i < len ; i++) {
messages += employees[i] + "<br>";
}
Bạn có thể thấy Expression 1 đã được dùng để khởi tạo biến sử dụng trong vòng lặp For. Các biến này là i , len , messages !
Bạn có thể khởi tạo nhiều biến trong Expression 1 (cách nhau bằng dấu phẩy)
+ Tuy nhiên , Expression 1 là tùy chọn
Do đó, JavaScript sẽ không bắt buộc bạn phải có Biểu Thức này. Bạn có thể bỏ qua Expression 1 nếu thấy nó không cần thiết.
Example :
let i = 0;
let len = employees.length;
let msg = "";
for ( ; i < len ; i++ ) {
msg += employees[i] + "<br>";
}
2-2 , Cách làm việc với Expression 2
+ Thường Expression 2 được sử dụng để xét điều kiện thực thi khối mã lệnh trong thân vòng lặp For
[ – ] Nếu biểu thức 2 trả về true, vòng lặp sẽ bắt đầu thực hiện, Có thể số lần thực hiện là 1 cho đến nhiều lần
[ – ] Nếu trả về false thì vòng lặp sẽ kết thúc
+ Tuy nhiên , Expression 2 cũng là tùy chọn
Do đó, JavaScript sẽ không bắt buộc bạn phải có Biểu Thức này. Bạn có thể bỏ qua Expression 2 nếu thấy nó không cần thiết.
Khuyến cáo : Nếu bạn bỏ qua Expression 2 thì hãy sử dụng lệnh BREAK để kết thúc vòng lặp FOR , để tránh việc vòng lặp không bao giờ kết thức.
Example :
let i = 0;
let len = employees.length;
let msg = "";
for ( ; ; i++ ) {
msg += employees[i] + "<br>";
if ( i == len ){
break;
}
}
2-3 , Cách làm việc với Expression 3
+ Cách lập trình phổ biến được mọi Lập trình viên sử dụng :
Expression 3 được sử dụng để tăng giá trị của biến ban đầu
Expression 3 có thể thực hiện bất kỳ điều gì như số tăng âm ( – – ), số tăng dương ( ++ ) hoặc bất cứ điều gì khác.
Example :
for ( let i = 0 ; i < len; i++ ) {
msg += employees[i] + "<br>";
}
+ Tuy nhiên , Expression 3 cũng là tùy chọn
Do đó, JavaScript sẽ không bắt buộc bạn phải có Biểu Thức này. Bạn có thể bỏ qua Expression 3 nếu thấy nó không cần thiết.
Example :
Expression 3 được bỏ qua ( khi bạn tăng giá trị bên trong vòng lặp )
for ( let i = 0 ; i < len; ) {
msg += employees[i] + "<br>";
i++;
}
3 ] Phạm Vi khi sử dụng FOR Loop
3 – 1 ] Khi sử dụng biến var với vòng lặp
Khi bạn làm việc biến var với vòng lặp, giá trị của biến var sẽ thay đổi trong quá trình biên dịch từng dòng lệnh
CỤ THỂ :
<script>
/**
* Khai báo biến i với giá trị là 5
*/
var i = 5;
for (var i = 0; i < 10; i++) {
/**
* Khối mã lệnh thực thi tại đây
*/
}
/**
* Sau khi vòng lặp FOR được thực hiện
* Giá trị biến i tại đây là 10
*/
</script>
3 – 2 ] Khi sử dụng biến khối let với vòng lặp
Khi bạn làm việc biến khối let với vòng lặp FOR
+ Trước và sau vòng lặp giá trị của biến let không thay đổi
CỤ THỂ :
<script>
/**
* Khai báo biến let i với giá trị là 5
*/
let i = 5;
for (let i = 0; i < 10; i++) {
/**
* Khối mã lệnh thực thi tại đây
*/
}
/**
* Sau khi vòng lặp FOR được thực hiện
* Giá trị biến let i tại đây vẫn là 5
*/
</script>
Cách sử dụng vòng lặp FOR rất dễ hiểu và có thể áp dụng ngay khi lập trình. Bạn sẽ thấy đó là một điều không đổi. Với ngôn ngữ JavaScript thì bạn sẽ chỉ cần lưu ý phạm vi sử dụng của biến dữ liệu. Phạm vi của biến cần chú ý để tránh đưa ra kết quả sai.
+ Vòng lặp FOR khá tương đồng với DO WHILE
