[Javascript] – Phần 32: Vòng lặp trong Javascript

Vòng lặp trong JavaScript được sử dụng để thực hiện một khối code nhiều lần. Dưới đây là một số khái niệm cơ bản về vòng lặp và cách chúng hoạt động:

• Vòng lặp For:
  • Vòng lặp for được sử dụng để lặp qua một khối code một số lần cụ thể.
  • Cú pháp:

for (expression1; expression2; expression3) {
  // Khối code cần thực hiện
}

• expression1 thường được sử dụng để khởi tạo biến sử dụng trong vòng lặp.
• expression2 là điều kiện kiểm tra trước mỗi lần lặp.
• expression3 thường được sử dụng để cập nhật giá trị biến sau mỗi lần lặp.

Ví dụ.

for (let i = 0; i < 5; i++) {
  text += "Số là " + i + "<br>";
}

Trong ví dụ này, vòng lặp sẽ chạy từ i = 0 đến i < 5 và tăng giá trị của i sau mỗi lần lặp.

• Quy tắc về phạm vi biến trong Vòng lặp:
  • Sử dụng var trong một vòng lặp có thể gây ra việc tái khai báo biến ở bên ngoài vòng lặp.
  • Sử dụng let sẽ giữ cho biến chỉ có phạm vi trong vòng lặp.

Chúng ta có thể thấy sự khác biệt giữa việc sử dụng var và let trong vòng lặp thông qua ví dụ sau:

Ví dụ sử dụng var:

for (var i = 0; i < 3; i++) {
  console.log("i trong vòng lặp:", i);
}

console.log("i bên ngoài vòng lặp:", i); // i bên ngoài vòng lặp: 3

Trong trường hợp sử dụng var, biến i được khai báo với phạm vi toàn cục, nghĩa là nó có thể được truy cập từ bên ngoài vòng lặp.

Sử dụng let:

for (let j = 0; j < 3; j++) {
  console.log("j trong vòng lặp:", j);
}

// Dòng sau sẽ gây lỗi vì j không tồn tại ở đây
// console.log("j bên ngoài vòng lặp:", j);

Trong trường hợp sử dụng let, biến j có phạm vi chỉ trong vòng lặp, nên nó sẽ không tồn tại ngoài vòng lặp. Dòng code thứ hai sẽ gây lỗi vì j không được định nghĩa ở đó.

Bằng cách này, chúng ta thấy rõ sự khác biệt giữa var và let đối với phạm vi biến trong vòng lặp.

Vòng lặp For/Of và For/In:

Có các loại vòng lặp khác như for/of và for/in được giới thiệu để lặp qua các giá trị của đối tượng hoặc các thuộc tính của đối tượng.

Dưới đây là ví dụ minh họa về sử dụng vòng lặp for/of để lặp qua các giá trị của một mảng:

const fruits = ['Apple', 'Banana', 'Orange'];

// Sử dụng vòng lặp for/of để lặp qua các giá trị của mảng
for (const fruit of fruits) {
  console.log(fruit);
}

Trong ví dụ này, for/of được sử dụng để lặp qua mỗi giá trị trong mảng fruits. Trong mỗi lần lặp, giá trị của phần tử hiện tại được gán cho biến fruit và sau đó, chúng ta log giá trị đó ra console.

Tương tự, dưới đây là một ví dụ 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:

const person = {
  name: 'John',
  age: 30,
  occupation: 'Engineer'
};

// Sử dụng vòng lặp for/in để lặp qua các thuộc tính của đối tượng
for (const key in person) {
  console.log(`${key}: ${person[key]}`);
}

Trong ví dụ này, for/in được sử dụng để lặp qua các thuộc tính của đối tượng person. Mỗi lần lặp, biến key sẽ nhận giá trị là tên thuộc tính và chúng ta sử dụng person[key] để truy cập giá trị tương ứng của thuộc tính đó và log ra console.

Vòng lặp While và Do/While:

Các vòng lặp while và do/while cho phép lặp qua một khối code khi một điều kiện nào đó đúng.

Dưới đây là ví dụ minh họa sử dụng vòng lặp while để lặp qua một khối code khi một điều kiện nhất định đúng:

let count = 0;

// Sử dụng vòng lặp while để lặp khi điều kiện là true
while (count < 5) {
  console.log(`Count: ${count}`);
  count++; // Tăng giá trị của biến count sau mỗi lần lặp
}

Trong ví dụ này, vòng lặp while sẽ tiếp tục lặp cho đến khi điều kiện count < 5 trở thành false. Mỗi lần lặp, chúng ta log giá trị của count ra console và tăng giá trị của count để tránh vòng lặp vô hạn.

Dưới đây là một ví dụ sử dụng vòng lặp do/while:

let num = 0;

// Sử dụng vòng lặp do/while để lặp ít nhất một lần
do {
  console.log(`Number: ${num}`);
  num++;
} while (num < 3);

Trong ví dụ này, khối code trong do sẽ được thực hiện ít nhất một lần, sau đó, điều kiện num < 3 sẽ được kiểm tra. Nếu điều kiện vẫn là true, vòng lặp sẽ tiếp tục.

Kết luận.

Những khái niệm này là cơ bản để hiểu cách vòng lặp hoạt động trong JavaScript, giúp bạn lặp qua một loạt các giá trị hoặc thực hiện một tác vụ nào đó nhiều lần.