Hướng Dẫn Sử Dụng Vòng Lặp Trong JavaScript

JavaScript cung cấp nhiều cách để thực hiện các thao tác lặp lại, giúp bạn quản lý và xử lý dữ liệu một cách hiệu quả hơn. Trong bài viết này, chúng ta sẽ cùng tìm hiểu các kiểu vòng lặp phổ biến bao gồm for, while, do...while, for...in, và for...of, cũng như các câu lệnh điều khiển break và continue.

Vòng Lặp Là Gì?

Vòng lặp là một cấu trúc điều khiển cho phép bạn lặp lại một khối mã dựa trên điều kiện cụ thể nào đó. Điều này giúp bạn tránh sử dụng mã lặp đi lặp lại, làm cho mã trở nên sạch hơn và dễ bảo trì hơn. Ví dụ, nếu bạn cần in các số từ 1 đến 10, thay vì viết mười dòng lệnh console.log, bạn chỉ cần một vòng lặp.

1. Câu Lệnh for

Vòng lặp for thường được sử dụng để thực thi một khối mã trong một số lần xác định.

Cú pháp:

for (khởi tạo; điều kiện; tăng/giảm) {
    // mã sẽ được thực thi
}

Ví dụ:

In các số từ 1 đến 5

for (let i = 1; i <= 5; i++) {
    console.log('Số lần lặp: ' + i);
}
/* Output:
Số lần lặp: 1
Số lần lặp: 2
Số lần lặp: 3
Số lần lặp: 4
Số lần lặp: 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 mã. Nó rất hữu ích khi bạn không biết số lần lặp cụ thể.

Cú pháp:

while (điều kiện) {
    // mã sẽ được thực thi
}

Ví dụ:

In các số từ 1 đến 5

let j = 1;
while (j <= 5) {
    console.log('Số lần lặp: ' + j);
    j++;
}
/* Output:
Số lần lặp: 1
Số lần lặp: 2
Số lần lặp: 3
Số lần lặp: 4
Số lần lặp: 5 */

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

Vòng lặp do...while đảm bảo rằng khối mã sẽ chạy ít nhất một lần, bất kể điều kiện đúng hay sai.

Cú pháp:

do {
    // mã sẽ được thực thi
} while (điều kiện);

Ví dụ:

In các số từ 1 đến 5

let k = 1;
do {
    console.log('Số lần lặp: ' + k);
    k++;
} while (k <= 5);
/* Output:
Số lần lặp: 1
Số lần lặp: 2
Số lần lặp: 3
Số lần lặp: 4
Số lần lặp: 5 */

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

Vòng lặp for...in được sử dụng để lặp qua các thuộc tính (keys) của một đối tượng.

Cú pháp:

for (key in object) {
    // mã sẽ được thực thi
}

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 được sử dụng để lặp qua các phần tử của các đối tượng có thể lặp lại như mảng, chuỗi, Maps và Sets.

Cú pháp:

for (element of iterable) {
    // mã sẽ được thực thi
}

Ví dụ:

Lặp qua một mảng

const numArray = [1, 2, 3, 4, 5];
for (const num of numArray) {
    console.log('Số lần lặp: ' + num);
}
/* Output:
Số lần lặp: 1
Số lần lặp: 2
Số lần lặp: 3
Số lần lặp: 4
Số lần lặp: 5 */

6. Câu Lệnh break

Câu lệnh break cho phép bạn thoát khỏi vòng lặp ngay khi một điều kiện được đáp ứng.

Ví dụ:

Dừng vòng lặp khi biến i bằng 3

for (let i = 1; i <= 5; i++) {
    if (i === 3) break;
    console.log("Số lần lặp: " + i);
}
/* Output:
Số lần lặp: 1
Số lần lặp: 2 */

7. Câu Lệnh continue

Câu lệnh continue sẽ 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("Số lần lặp: " + i);
}
/* Output:
Số lần lặp: 1
Số lần lặp: 2
Số lần lặp: 4
Số lần lặp: 5 */

Kết Luận

Việc hiểu và nắm vững các vòng lặp là điều thiết yếu giúp bạn giải quyết bài toán một cách hiệu quả hơn. Trong số các vòng lặp cơ bản như for, while, và do...while, bạn cũng nên khám phá các vòng lặp hiện đại hơn như for...of và for...in để tăng cường khả năng làm việc với dữ liệu. Hãy nhớ sử dụng các câu lệnh break và continue một cách hợp lý để quản lý luồng thực thi của vòng lặp một cách tốt nhất.