Hiểu rõ về Loop và Interation trong JavaScript

JavaScript cung cấp nhiều cách lặp để quản lý hiệu quả các thao tác lặp lại. Nắm vững các vòng lặp này, bạn có thể cải thiện kỹ năng viết code của mình cho dù bạn đang lặp qua mảng, đối tượng hay chỉ cần chạy lại một khối code.

Trong JavaScript, có sẵn một số cách lặp để quản lý hiệu quả các thao tác lặp lại. Bằng cách học các vòng lặp này, bạn có thể cải thiện kỹ năng viết code của mình cho dù bạn đang lặp qua mảng, đối tượng hay chỉ chạy một khối code lặp lại. Chúng ta sẽ tìm hiểu về các vòng lặp và câu lệnh lặp trong JavaScript trong bài viết này:

• Câu lệnh for
• Câu lệnh do...while
• Câu lệnh while
• Câu lệnh for...in
• Câu lệnh for...of
• Câu lệnh break
• Câu lệnh continue

Giới thiệu về Vòng lặp trong JavaScript

Vòng lặp là các cấu trúc trong JavaScript cho phép bạn lặp lại một khối code dựa trên các điều kiện cụ thể. Điều này giúp loại bỏ sự dư thừa, tăng khả năng đọc hiểu và làm cho code trở nên linh hoạt. Ví dụ: giả sử bạn muốn in các số từ 1 đến 10. Nếu không có vòng lặp, bạn sẽ phải tạo thủ công mười câu lệnh console.log. Với vòng lặp, chỉ cần một vài dòng code là đủ!

1. Câu lệnh for

Vòng lặp for là một trong những vòng lặp được sử dụng rộng rãi nhất. Nó thực thi một khối code trong một số lần nhất định.

Cú pháp:

for (initialization; condition; increment/decrement) {
    // code to execute
}

Ví dụ: In các số từ 1 đến 5

for(let var1 = 1; var1 <= 5; var1++){
    console.log('Iteration number '+ var1)
}
/* Output:
Iteration number 1
Iteration number 2
Iteration number 3
Iteration number 4
Iteration number 5 */

2. Câu lệnh while

Vòng lặp while kiểm tra điều kiện trước khi thực thi khối code. Nó hữu ích khi bạn không biết vòng lặp sẽ thực thi bao nhiêu lần. Vòng lặp sẽ tiếp tục thực thi chừng nào điều kiện được cung cấp là đúng. Nếu điều kiện trở thành sai, vòng lặp sẽ kết thúc.

Cú pháp:

while (condition) {
    // code to execute
}

Ví dụ: In các số từ 1 đến 5

let var2 = 1
while(var2 <= 5){
    console.log('Iteration number '+ var2)
    var2++
}
/* Output:
Iteration number 1
Iteration number 2
Iteration number 3
Iteration number 4
Iteration number 5 */

3. Câu lệnh do...while

Vòng lặp do...while chạy khối code ít nhất một lần, bất kể điều kiện là đúng hay sai. Vòng lặp này hữu ích khi bạn muốn đảm bảo rằng khối code chạy ít nhất một lần, bất kể điều kiện là gì.

Cú pháp:

do {
    // code to execute
} while (condition);

Ví dụ 1: In các số từ 1 đến 5

let var3 = 1
do {
    console.log('Iteration number '+ var3)
    var3++
}while(var3 <= 5)
/* Output:
Iteration number 1
Iteration number 2
Iteration number 3
Iteration number 4
Iteration number 5 */

Ví dụ 2: Khối code chạy ít nhất một lần

let var4 = 6
do {
    console.log('Iteration number '+ var4)
    var4++
}while(var4 <= 5)
/* Output:
Iteration number 6 */

4. Câu lệnh for...in

Vòng lặp for...in duyệt qua các khóa của một đối tượng. Nó thường được sử dụng với các đối tượng, nhưng nó cũng có thể lặp qua các chỉ số mảng.

Cú pháp:

for (key in object) {
    // code to execute
}

Ví dụ: Lặp qua các thuộc tính của một đối tượng

const user = { name: "Richa", age: 25, role: "Developer" };
for (let key in user) {
    console.log(`${key}: ${user[key]}`);
}
/* Output:
name: Richa
age: 25
role: Developer */

5. Câu lệnh for...of

Vòng lặp for...of lặp qua các đối tượng có thể lặp lại như mảng, chuỗi, Maps và Sets. Vòng lặp này rất hữu ích khi bạn muốn lặp qua tất cả các phần tử của một đối tượng có thể lặp lại mà không cần phải quản lý chỉ số hoặc sử dụng thuộc tính của đối tượng.

Cú pháp:

for (element of iterable) {
    // code to execute
}

Ví dụ: Lặp qua một mảng

const numArray = [1,2,3,4,5]
for(const num of numArray){
    console.log('Iteration number '+ num)
}
/* Output:
Iteration number 1
Iteration number 2
Iteration number 3
Iteration number 4
Iteration number 5 */

6. Câu lệnh break

Câu lệnh break buộc vòng lặp thoát ngay lập tức khi một điều kiện nhất định được đáp ứng.

Ví dụ: Dừng vòng lặp khi i bằng 3

for (let i = 1; i <= 5; i++) {
    if (i === 3) break;
    console.log("Iteration number "+i);
}
/* Output:
Iteration number 1
Iteration number 2 */

7. Câu lệnh continue

Câu lệnh continue bỏ qua lần lặp hiện tại và nhảy đến lần lặp tiếp theo.

Ví dụ: Bỏ qua số 3

for (let i = 1; i <= 5; i++) {
    if (i === 3) continue;
    console.log("Iteration number "+i);
}
/* Output:
Iteration number 1
Iteration number 2
Iteration number 4
Iteration number 5 */

Kết luận

Việc hiểu và nắm vững các vòng lặp là điều cần thiết để xử lý các vấn đề phức tạp một cách hiệu quả. Trong khi các vòng lặp cơ bản như for, while và do...while là cần thiết thì ngày nay, các vòng lặp for...of và for...in cung cấp tính linh hoạt cao hơn khi làm việc với các đối tượng và mảng. Hãy nhớ sử dụng break và continue một cách cẩn thận để kiểm soát luồng của vòng lặp của bạn.