Khái niệm

Trong lập trình JavaScript, vòng lặp là một công cụ mạnh mẽ để thực hiện các tác vụ lặp đi lặp lại. Chúng ta có thể sử dụng các vòng lặp để thực hiện một khối mã nhiều lần, kiểm tra điều kiện và thao tác với các phần tử trong một mảng.

Vòng lặp for

Vòng lặp for là một trong những loại vòng lặp phổ biến nhất trong JavaScript. Nó cho phép chúng ta thực hiện một khối mã nhiều lần dựa trên một biến đếm. Cú pháp của vòng lặp for như sau:

for (khởi tạo; điều kiện; bước nhảy) {
  // Khối mã thực thi
}

Dưới đây là một ví dụ về cách sử dụng vòng lặp for để hiển thị các số từ 1 đến 5:

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

Kết quả sẽ được hiển thị trên console như sau:

1
2
3
4
5

Vòng lặp while

Vòng lặp while cho phép chúng ta thực hiện một khối mã lặp đi lặp lại trong khi một điều kiện cụ thể vẫn đúng. Cú pháp của vòng lặp while như sau:

while (điều kiện) {
  // Khối mã thực thi
}

Dưới đây là một ví dụ về cách sử dụng vòng lặp while để tính tổng các số từ 1 đến 5:

let sum = 0;
let i = 1;

while (i <= 5) {
  sum += i;
  i++;
}

console.log(sum); // Kết quả: 15

Vòng lặp do...while

Vòng lặp do...while hoạt động tương tự như vòng lặp while, nhưng khối mã thực thi được thực hiện ít nhất một lần trước khi kiểm tra điều kiện. Cú pháp của vòng lặp do...while như sau:

do {
  // Khối mã thực thi
} while (điều kiện);

Dưới đây là một ví dụ về cách sử dụng vòng lặp do...while để hiển thị các số từ 1 đến 5:

let i = 1;

do {
  console.log(i);
  i++;
} while (i <= 5);

Kết quả sẽ được hiển thị trên console như sau:

1
2
3
4
5

Vòng lặp for...in

Vòng lặp for...in được sử dụng để lặp qua các thuộc tính của một đối tượng. Cú pháp của vòng lặp for...in như sau:

for (biến in đối tượng) {
  // Khối mã thực thi
}

Dưới đây là một ví dụ về cách sử dụng vòng lặp for...in để lặp qua các thuộc tính của một đối tượng:

let person = {
  name: "John",
  age: 30,
  city: "New York"
};

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

Kết quả sẽ được hiển thị trên console như sau:

name: John
age: 30
city: New York

Vòng lặp for...of

Vòng lặp for...of được sử dụng để lặp qua các phần tử của một đối tượng có khả năng lặp lại như một mảng. Cú pháp của vòng lặp for...of như sau:

for (biến of đối tượng) {
  // Khối mã thực thi
}

Dưới đây là một ví dụ về cách sử dụng vòng lặp for...of để lặp qua các phần tử trong một mảng:

let numbers = [1, 2, 3, 4, 5];

for (let number of numbers) {
  console.log(number);
}

Kết quả sẽ được hiển thị trên console như sau:

1
2
3
4
5

Vòng lặp forEach

Vòng lặp forEach cho phép chúng ta truy cập vào từng phần tử trong mảng và thực hiện một hành động cụ thể với mỗi phần tử. Chúng ta có thể sử dụng hàm callback truyền vào phương thức forEach để thực hiện hành động đó. Cú pháp của forEach như sau:

array.forEach(function(giá trị hiện tại, vị trí trong mảng, mảng) {
  // Khối mã thực thi
});

Dưới đây là một ví dụ về cách sử dụng vòng lặp forEach để lặp qua các phần tử trong một mảng:

let numbers = [1, 2, 3, 4, 5];

numbers.forEach(function(number) {
  console.log(number);
});

Kết quả sẽ được hiển thị trên console như sau:

1
2
3
4
5