Vòng lặp trong các ngôn ngữ lập trình là một tính năng tạo điều kiện thuận lợi cho việc thực hiện lặp đi lặp lại một tập hợp các lệnh cho đến khi một số điều kiện được đánh giá và trở thành sai. Thế giới JS bắt gặp vòng lặp for trong javascript cung cấp một cách ngắn gọn và có hệ thống để viết cấu trúc vòng lặp.
1.Cú pháp:
for (statement 1 ; statement 2 ; statement 3){
code here...
}
- Câu lệnh 1(statement 1): Đó là khởi tạo bộ đếm. Nó được thực thi một lần trước khi thực thi khối code.
- Câu lệnh 2(statement 2): Đây là câu lệnh kiểm tra xác định điều kiện để thực thi khối code Nó phải trả về giá trị boolean. Nó cũng là một vòng lặp kiểm soát mục nhập vì điều kiện được kiểm tra trước khi thực hiện các câu lệnh vòng lặp.
- Câu lệnh 3(statement 3): Đó là sự tăng hoặc giảm của bộ đếm & được thực thi (mỗi lần) sau khi khối code được thực thi.
Thí dụ:
// https://vpsus.vn/
// https://www.facebook.com/groups/893052378563701
// https://twitter.com/thegioijs
// JavaScript program to illustrate for loop
var x;
// for loop begins when x=2
// and runs till x <=4
for (x = 2; x <= 4; x++)
{
console.log("Value of x:" + x);
}
Đầu ra:
Value of x:2 Value of x:3 Value of x:4
2.Sơ đồ
Câu lệnh 1(statement 1): Chúng ta có thể khởi tạo biến đếm bên ngoài thay vì trong câu lệnh 1. Điều này cho chúng ta thấy rõ rằng câu lệnh 1 là tùy chọn. Chúng ta có thể để trống phần này bằng dấu chấm phẩy. Ví dụ:
// https://vpsus.vn/
// https://www.facebook.com/groups/893052378563701
// https://twitter.com/thegioijs
var x = 2;
for ( ; x <= 4; x++)
{
console.log("Value of x:" + x);
}
Đầu ra:
Value of x:2 Value of x:3 Value of x:4
Câu lệnh 2(statement 2): Câu lệnh này kiểm tra giá trị boolean của điều kiện kiểm tra. Nếu điều kiện kiểm tra là đúng, vòng lặp for sẽ tiếp tục thực thi. Nó được thực hiện mỗi khi vòng lặp for chạy trước khi vòng lặp đi vào phần thân của nó. Nếu câu lệnh này trả về true, vòng lặp sẽ bắt đầu lại, nếu không, nó sẽ kết thúc và chuyển sang code sau thân vòng lặp. Đây cũng là một câu lệnh tùy chọn và Javascript coi nó là đúng nếu để trống. Nếu câu lệnh này bị bỏ qua, vòng lặp sẽ chạy vô thời hạn nếu điều khiển vòng lặp không bị ngắt theo cách thủ công. Nó được giải thích dưới đây:
// https://vpsus.vn/
// https://www.facebook.com/groups/893052378563701
// https://twitter.com/thegioijs
var x = 2;
for ( ; ; x++)
{
console.log("Value of x:" + x);
break;
}
Đầu ra:
Value of x: 2
Câu lệnh 3(statement 3): Đây là một câu lệnh được kiểm soát để kiểm soát việc tăng/giảm của biến đếm. Về bản chất, nó cũng là tùy chọn và có thể được thực hiện bên trong thân vòng lặp. Ví dụ:-
// https://vpsus.vn/
// https://www.facebook.com/groups/893052378563701
// https://twitter.com/thegioijs
const subjects = ["Maths", "Science", "Polity", "History"];
var i = 0;
var len = subjects.length;
var wkc = "";
for (; i < len; ) {
wkc += subjects[i+'']+"<br>" ;
//can be increased inside loop
i++;
}
document.getElementById('wkc').innerHTML = wkc
Đầu ra:
Maths Science Polity History
3.Vòng lặp for/in :
Có một vòng lặp nâng cao khác được gọi là vòng lặp for/in chạy qua tất cả các thuộc tính của một đối tượng. Vòng lặp sẽ được thực hiện một lần cho mỗi thuộc tính của đối tượng.
Cú pháp:
for (var in object) { statements to be executed }
Thí dụ:
// https://vpsus.vn/
// https://www.facebook.com/groups/893052378563701
// https://twitter.com/thegioijs
function WKC() {
var Platform= {fname:"wiki", Mname:"code", lname:"dev", };
var text = "";
var x;
for (x in Platform) {
text += Platform[x] + " ";
}
document.getElementById("wkc").innerHTML = text;
}
Đầu ra:
wiki code dev
Vòng lặp for/in cũng có thể được sử dụng trên các thuộc tính của mảng. Tuy nhiên, không nên sử dụng vòng lặp for/in trên mảng. Các vòng lặp for/of và Array.forEach() được đề xuất sử dụng khi làm việc với mảng. Các vòng lặp này sẽ được Thế giới JS share trong các bài tiếp theo đây.
Cú pháp:
for(var in array){statements to be executed}
Thí dụ:
// https://vpsus.vn/
// https://www.facebook.com/groups/893052378563701
// https://twitter.com/thegioijs
const arr = [23, 54, 46, 3];
let wkc = "";
for (let i in arr) {
wkc += arr[i] +'\n';
}
console.log(wkc)
Đầu ra:
23 54 46 3
Trên đây là tất cả những gì về Vòng lặp For trong javascript mà bạn cần biết. Nếu bạn có bất kỳ câu hỏi liên quan tới Vòng lặp For, hãy chủ động liên hệ và inbox cho chúng tôi, để giúp đỡ bạn sớm nhất
Tiếp theo, hãy cùng Thế giới JS tìm hiểu thêm các kiến thức về Javascript trong các bài tiếp theo trong series học miễn phí Javascript từ cơ bản tới nâng cao.
Nếu bạn cảm thấy hữu ích và yêu thích Thế giới JS, hãy tham gia và theo dõi chúng tôi để nhận thêm nhiều kiến thức MIỄN PHÍ hơn nữa nhé:
Share to learn more than!
