JavaScript - Vòng Lặp For: Cánh Cửa Đến Tính Năng Lặp Lại Hiệu Quả

Xin chào các bạn đang học lập trình! Hôm nay, chúng ta sẽ cùng nhau tìm hiểu một trong những khái niệm cơ bản nhất trong lập trình JavaScript: Vòng lặp For. Là người thầy thân thiện trong lĩnh vực máy tính, tôi rất vui được hướng dẫn các bạn trong hành trình này. tin tôi đi, một khi bạn thành thạo điều này, bạn sẽ cảm thấy như mình đã解锁 một siêu năng lực trong lập trình!

Vòng lặp For là gì?

Trước khi chúng ta đi vào chi tiết, hãy hiểu xem vòng lặp For là gì và tại sao nó lại quan trọng. Hãy tưởng tượng bạn được giao nhiệm vụ viết "Tôi yêu lập trình" 100 lần. Đ听 có vẻ nhàm chán phải không? Đây là lúc người hùng của chúng ta, vòng lặp For, đến để cứu giúp! Nó cho phép chúng ta lặp lại một khối mã nhiều lần mà không cần phải viết nó đi viết lại nhiều lần.

Sơ đồ 流程: Vòng lặp trong hành động

Để hình dung cách vòng lặp For hoạt động, hãy nhìn vào một sơ đồ đơn giản:

[Bắt đầu] → [Khởi tạo] → [Kiểm tra Điều kiện] → [Đúng] → [Thực thi Mã] → [Cập nhật] → [Kiểm tra Điều kiện]
↓
[Sai]
↓
[Kết thúc]

Hiện tại điều này có thể trông phức tạp, nhưng đừng lo lắng! Chúng ta sẽ phân tích nó từng bước.

Cú pháp: Công thức cho vòng lặp For

Bây giờ, hãy nhìn vào cú pháp của vòng lặp For. Hãy nghĩ về điều này như là công thức cho món ăn lập trình của chúng ta:

for (khởi_tạo; điều_kiện; cập nhật) {
// mã cần thực thi
}

Hãy phân tích nó:

1. Khởi tạo: Đây là nơi chúng ta thiết lập điểm bắt đầu.
2. Điều kiện: Đây là chốt kiểm tra. Nếu nó là đúng, chúng ta tiếp tục lặp; nếu sai, chúng ta dừng lại.
3. Cập nhật: Đây là cách chúng ta thay đổi biến sau mỗi lần lặp.

Ví dụ: Thấy vòng lặp For trong hành động

Ví dụ 1: Đếm từ 1 đến 5

Hãy bắt đầu với một ví dụ đơn giản:

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

Nếu bạn chạy đoạn mã này, bạn sẽ thấy:

1
2
3
4
5

Điều gì đang xảy ra ở đây?

• Chúng ta bắt đầu với i = 1 (khởi tạo)
• Chúng ta kiểm tra nếu i nhỏ hơn hoặc bằng 5 (điều kiện)
• Nếu đúng, chúng ta in i
• Chúng ta tăng i lên 1 (i++ tương đương i = i + 1)
• Chúng ta lặp lại cho đến khi i lớn hơn 5

Ví dụ 2: In các số chẵn

Hãy làm một chút phức tạp hơn:

for (let i = 2; i <= 10; i += 2) {
console.log(i);
}

Điều này sẽ xuất ra:

2
4
6
8
10

Ở đây, chúng ta bắt đầu từ 2 và thêm 2 mỗi lần, hiệu quả là in các số chẵn lên đến 10.

Ví dụ 3: Đếm ngược

Ai nói rằng chúng ta luôn phải đếm lên? Hãy đếm ngược!

for (let i = 5; i > 0; i--) {
console.log(i);
}
console.log("Nổ!");

Kết quả:

5
4
3
2
1
Nổ!

Trong ví dụ này, chúng ta bắt đầu từ 5 và giảm i mỗi lần cho đến khi nó không lớn hơn 0.

Kỹ thuật Nâng cao: Mở khóa Mức độ Cao hơn của Vòng lặp For

Vòng lặp Nested: Vòng lặp trong Vòng lặp

Đôi khi, bạn cần sử dụng một vòng lặp bên trong một vòng lặp khác. Điều này được gọi là lồng nhau:

for (let i = 1; i <= 3; i++) {
for (let j = 1; j <= 3; j++) {
console.log(`${i},${j}`);
}
}

Kết quả:

1,1
1,2
1,3
2,1
2,2
2,3
3,1
3,2
3,3

Điều này giống như một lưới: cho mỗi giá trị của i, chúng ta đi qua tất cả các giá trị của j.

Thoát khỏi: Câu lệnh 'break'

Đôi khi, bạn muốn thoát khỏi vòng lặp sớm. Đó là lúc break xuất hiện:

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

Điều này sẽ chỉ in số từ 1 đến 4, vì khi i bằng 5, chúng ta thoát khỏi vòng lặp.

Bỏ qua Lặp: Câu lệnh 'continue'

Nếu bạn muốn bỏ qua một lần lặp cụ thể, hãy sử dụng continue:

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

Điều này sẽ in tất cả các số từ 1 đến 5, ngoại trừ 3.

Phương pháp Thường gặp Sử dụng với Vòng lặp For

Dưới đây là bảng các phương pháp thường gặp thường được sử dụng với vòng lặp For:

Phương pháp	Mô tả	Ví dụ
Array.length	Trả về số lượng phần tử trong mảng	for (let i = 0; i < array.length; i++)
String.length	Trả về độ dài của một chuỗi	for (let i = 0; i < str.length; i++)
Math.random()	Tạo một số ngẫu nhiên giữa 0 và 1	for (let i = 0; i < 5; i++) { console.log(Math.random()); }
Math.floor()	Làm tròn xuống số nguyên gần nhất	for (let i = 0; i < 5; i++) { console.log(Math.floor(Math.random() * 10)); }

Kết luận

Chúc mừng! Bạn đã thực hiện một bước lớn trong hành trình lập trình của mình. Vòng lặp For giống như chiếc dao đa năng của lập trình - linh hoạt và cần thiết. Nhớ rằng, thực hành làm nên hoàn hảo, vì vậy đừng ngại thử nghiệm với các cấu trúc vòng lặp khác nhau.

Khi kết thúc, đây là một câu đùa lập trình cho bạn: Tại sao các lập trình viên thích chế độ tối? Vì ánh sáng thu hút sâu bọ! ?

Tiếp tục lập trình, tiếp tục học hỏi, và quan trọng nhất, hãy vui vẻ! Hẹn gặp lại bạn, chúc bạn vui vẻ với vòng lặp!

Credits: Image by storyset