For, for...in, for...of là 3 vòng lặp cũng hay được sử dụng trong javascript để tương tác với các kiểu dữ liệu như string, array hay object.

1.For

Vòng lặp for dùng để thực hiện một đoạn code nhiều lần.

Cú pháp:

for (initialization; condition; increment/decrement) {
 // Code thực hiện trong mỗi vòng lặp
}

Trong đó:

• initialization: Chỉ chạy 1 lần, thường dùng để khởi tạo biến đếm.
• condition: Điều kiện kiểm tra trước mỗi vòng lặp. Nếu điều kiện là true, vòng lặp sẽ tiếp tục; nếu là false, vòng lặp sẽ kết thúc.
• increment/decrement: Thực hiện sau mỗi vòng lặp, thường là để tăng hoặc giảm biến đếm.

Ví dụ:

for (let i = 0; i < 5; i++) { 
 console.log(i); 
}

Trong đoạn code trên ta có biến đếm là i có giá trị ban đầu bằng 0, nếu i < 5 thì sẽ in ra biến i, sau khi in ra biến i thì tăng i lên 1 đơn vị, cứ thế lặp lại cho đến khi biến i lớn hơn hoặc bằng 5 thì dừng vòng lặp

Kết quả sẽ in ra các số từ 0 đến 4.

2.For...in

Vòng lặp for...in dùng để lặp qua các thuộc tính của một object hoặc các index trong array.

Cú pháp:

for (variable in object/array) {
 // Code thực hiện trong mỗi vòng lặp
}

Trong đó:

• variable là thuộc tính nếu lặp object hoặc là index nếu lặp array
• object/array là đối tượng hoặc mảng cần lặp

Ví dụ:

const obj = {
 name: 'Bqsoft',
 age: 30,
 job: 'Company'
};

const arr = ["Bqsoft", 30, "Company"];

for (let key in obj) {
 console.log(key + ': ' + obj[key]);
}

for (let key in arr) {
 console.log(key + ': ' + arr[key]);
}

Trong ví dụ trên ta sử dụng 2 vòng lặp for...in cho cả object và array. Với object thì sẽ in ra thuộc tính và giá trị của thuộc tính trong object đó, còn với array thì sẽ in ra thứ tự từng phần tử trong mảng và phần tử đó.

3.For...of

Vòng lặp for...of dùng để lặp qua các phần tử của array hoặc qua từng kí tự trong string.

Cú pháp:

for (variable of array/string) {
 // Code thực hiện trong mỗi vòng lặp
}

Trong đó:

• variable là từng phần tử của array hoặc từng kí tự của string
• array/string là mảng hoặc chuỗi cần lặp

Ví dụ:

const str = "Bqsoft là công ty chuyên thiết kế website và mobile app"

const arr = ["Bqsoft", 30, "Company"];

for (let value of str) {
 console.log(value);
}

for (let value of arr) {
 console.log(value);
}

Trong ví dụ trên ta sử dụng 2 vòng lặp for...of cho cả string và array. Với array thì sẽ in ra từng phần tử trong mảng, còn với string sẽ in ra từng kí tự trong chuỗi đó.

Các bạn có thể tham gia các khoá học nâng cao về Frontend để nắm những kiến thức chuyên sâu hơn

• Khoá học Frontend: tại đậy
• Khoá học Backend: tại đây
• Khoá học Fullstack: tại đây
• Khoá học React-native: tại đây