Vòng lặp for trong JavaScript

Vòng lặp for trong JavaScript là một cấu trúc lặp phổ biến giúp bạn thực thi một đoạn mã nhiều lần với điều kiện kiểm soát số lần lặp. Cú pháp cơ bản của vòng lặp for cho phép bạn xác định điều kiện bắt đầu, điều kiện tiếp tục, và cách cập nhật biến lặp trong mỗi lần lặp.

Cú Pháp Cơ Bản#

for (initialization; condition; increment) { // Block of code to be executed on each iteration }

• initialization: Khởi tạo biến điều khiển vòng lặp. Thực hiện chỉ một lần khi vòng lặp bắt đầu.

• condition: Điều kiện kiểm tra, nếu điều kiện này là true, vòng lặp sẽ tiếp tục; nếu là false, vòng lặp sẽ dừng lại.

• increment: Cập nhật biến điều khiển sau mỗi lần lặp. Thường là tăng hoặc giảm biến điều khiển.

Ví Dụ Cơ Bản#

Lặp từ 0 đến 4 và in ra các số:

for (let i = 0; i < 5; i++) { console.log(i); } // Output: 0 1 2 3 4

Các Ví Dụ Khác#

• Lặp Qua Mảng

  Lặp qua từng phần tử của mảng và in ra:

` let fruits = ['Apple', 'Banana', 'Cherry'];

for (let i = 0; i < fruits.length; i++) { console.log(fruits[i]); } // Output: // Apple // Banana // Cherry `

• Lặp Ngược

  Lặp từ 10 đến 1:

for (let i = 10; i > 0; i--) { console.log(i); } // Output: 10 9 8 7 6 5 4 3 2 1

• Lặp Với Bước Nhảy Tùy Chỉnh

  Lặp từ 0 đến 10 với bước nhảy là 2:

for (let i = 0; i <= 10; i += 2) { console.log(i); } // Output: 0 2 4 6 8 10

Vòng Lặp for với Đối Tượng Iterable#

JavaScript cung cấp các vòng lặp for...of và for...in cho việc lặp qua các đối tượng iterable (như mảng) và các thuộc tính của đối tượng.

• for...of

  Dùng để lặp qua các phần tử của mảng hoặc đối tượng iterable khác:

` let fruits = ['Apple', 'Banana', 'Cherry'];

for (let fruit of fruits) { console.log(fruit); } // Output: // Apple // Banana // Cherry `

• for...in

  Dùng để lặp qua các thuộc tính của một đối tượng:

` let person = { name: 'Alice', age: 25, city: 'Wonderland' };

for (let key in person) { console.log(key + ': ' + person[key]); } // Output: // name: Alice // age: 25 // city: Wonderland `

Sử Dụng break và continue#

• break: Dừng vòng lặp ngay lập tức.

for (let i = 0; i < 10; i++) { if (i === 5) { break; // Dừng vòng lặp khi i = 5 } console.log(i); } // Output: 0 1 2 3 4

• continue: Bỏ qua phần còn lại của vòng lặp hiện tại và tiếp tục với vòng lặp tiếp theo.

for (let i = 0; i < 10; i++) { if (i % 2 === 0) { continue; // Bỏ qua các số chẵn } console.log(i); } // Output: 1 3 5 7 9

Tóm Tắt#

• for: Vòng lặp với ba phần: khởi tạo, điều kiện, và cập nhật.

• for...of: Dùng để lặp qua các phần tử của mảng hoặc đối tượng iterable.

• for...in: Dùng để lặp qua các thuộc tính của đối tượng.

• break: Dừng vòng lặp.

• continue: Bỏ qua phần còn lại của vòng lặp hiện tại.

Vòng lặp for là công cụ mạnh mẽ để thực hiện các thao tác lặp đi lặp lại trong JavaScript, cho phép bạn xử lý dữ liệu và thực hiện các hành động theo cách linh hoạt và hiệu quả.