TypeScript - Vòng lặp: Cửa ngõ đến Lập trình Hiệu quả
Xin chào các bạn, những ngôi sao lập trình tương lai! Hôm nay, chúng ta sẽ bắt đầu một hành trình thú vị qua thế giới của các vòng lặp trong TypeScript. Là người thầy máy tính gần gũi của bạn, tôi ở đây để hướng dẫn bạn qua cuộc phiêu lưu này với rất nhiều ví dụ, giải thích, và có lẽ cả một两句玩笑. Hãy thắt chặt dây an toàn và cùng tôi lặn sâu vào!
Hiểu về Vòng lặp: Cơ bản
Trước khi chúng ta đi vào chi tiết, hãy bắt đầu với một câu hỏi đơn giản: Vòng lặp là gì? Hãy tưởng tượng bạn được giao nhiệm vụ viết "Tôi yêu TypeScript" lên bảng đen 100 lần. Đ听 có vẻ nhàm chán phải không? Đó là lúc vòng lặp phát huy tác dụng! Chúng cho phép chúng ta lặp lại một bộ hướng dẫn nhiều lần mà không cần viết lại cùng một mã nhiều lần.
Trong TypeScript, chúng ta có nhiều loại vòng lặp khác nhau, nhưng hôm nay chúng ta sẽ tập trung vào những loại phổ biến nhất: for
, while
, và do-while
.
Vòng lặp 'for'
Vòng lặp for
giống như chiếc dao đa năng của vòng lặp - linh hoạt và mạnh mẽ. Dưới đây là cấu trúc cơ bản của nó:
for (khởi tạo; điều kiện; tăng/giảm) {
// mã cần thực thi
}
Hãy phân tích nó với một ví dụ:
for (let i = 0; i < 5; i++) {
console.log("Số lần lặp: " + i);
}
Trong đoạn mã này:
-
let i = 0
khởi tạo biến đếm của chúng ta. -
i < 5
là điều kiện được kiểm tra trước mỗi lần lặp. -
i++
tăng biến đếm sau mỗi lần lặp.
Kết quả đầu ra sẽ là:
Số lần lặp: 0
Số lần lặp: 1
Số lần lặp: 2
Số lần lặp: 3
Số lần lặp: 4
Vòng lặp 'while'
Vòng lặp while
giống như một bảo vệ tại câu lạc bộ - nó liên tục kiểm tra xem bạn có đáp ứng điều kiện để vào hay không. Dưới đây là cách nó trông:
while (điều kiện) {
// mã cần thực thi
}
Hãy xem nó trong hành động:
let count = 0;
while (count < 5) {
console.log("Số đếm là: " + count);
count++;
}
Điều này sẽ đầu ra:
Số đếm là: 0
Số đếm là: 1
Số đếm là: 2
Số đếm là: 3
Số đếm là: 4
Vòng lặp 'do-while'
Vòng lặp do-while
giống như cousin乐观 của vòng lặp while
. Nó luôn thực thi khối mã ít nhất một lần trước khi kiểm tra điều kiện. Dưới đây là cấu trúc của nó:
do {
// mã cần thực thi
} while (điều kiện);
Hãy xem một ví dụ:
let num = 0;
do {
console.log("Số là: " + num);
num++;
} while (num < 5);
Điều này sẽ đầu ra:
Số là: 0
Số là: 1
Số là: 2
Số là: 3
Số là: 4
Lệnh 'break': Biết khi nào dừng lại
Hãy tưởng tượng bạn đang ở một buổi tiệc buffet. Lệnh break
giống như não bạn nói, "Đủ rồi, không cần ăn thêm!" Nó cho phép chúng ta thoát khỏi vòng lặp sớm khi một điều kiện nhất định được满足.
Dưới đây là một ví dụ:
for (let i = 0; i < 10; i++) {
if (i === 5) {
break;
}
console.log("Số hiện tại: " + i);
}
Điều này sẽ đầu ra:
Số hiện tại: 0
Số hiện tại: 1
Số hiện tại: 2
Số hiện tại: 3
Số hiện tại: 4
Vòng lặp dừng lại khi i
bằng 5, mặc dù ban đầu nó được thiết lập để chạy cho đến khi i
nhỏ hơn 10.
Lệnh 'continue': Bỏ qua một nhịp
Lệnh continue
giống như bỏ qua một bài hát trong danh sách phát của bạn. Nó cho phép chúng ta bỏ qua phần còn lại của mã trong lần lặp hiện tại và chuyển sang lần lặp tiếp theo.
Hãy xem nó trong hành động:
for (let i = 0; i < 5; i++) {
if (i === 2) {
continue;
}
console.log("Số: " + i);
}
Điều này sẽ đầu ra:
Số: 0
Số: 1
Số: 3
Số: 4
Chú ý rằng 2 bị thiếu? Đó là vì khi i
là 2, lệnh continue
đã bỏ qua phần còn lại của lần lặp đó.
Vòng lặp Vô hạn: Vòng lặp Không Đ结束
Một vòng lặp vô hạn giống như một bài hát bị mắc kẹt trong chế độ lặp lại - nó tiếp tục mãi mãi (hoặc cho đến khi máy tính của bạn hết bộ nhớ). Mặc dù thường không có ý định, nhưng có những trường hợp vòng lặp vô hạn có thể hữu ích.
Dưới đây là một ví dụ về vòng lặp vô hạn:
while (true) {
console.log("Đây là bài hát không bao giờ kết thúc...");
}
Cảnh báo: Đừng chạy đoạn mã này除非 bạn muốn máy tính của bạn hát mãi mãi!
Trong các ứng dụng thực tế, vòng lặp vô hạn thường được sử dụng trong phát triển game hoặc cho các quá trình chạy liên tục cần phải luôn hoạt động.
Phương thức Vòng lặp: Công cụ của bạn cho Lập trình Hiệu quả
Để kết thúc hành trình của chúng ta qua các vòng lặp, hãy xem xét một số phương thức hữu ích có thể làm cho cuộc sống của bạn dễ dàng hơn khi làm việc với vòng lặp:
Phương thức | Mô tả | Ví dụ |
---|---|---|
forEach() |
Thực thi một hàm đã cung cấp cho mỗi phần tử của mảng | array.forEach((item) => console.log(item)); |
map() |
Tạo một mảng mới với kết quả của việc gọi một hàm đã cung cấp trên mỗi phần tử của mảng | const newArray = array.map((item) => item * 2); |
filter() |
Tạo một mảng mới với tất cả các phần tử thỏa mãn điều kiện do hàm đã cung cấp | const filteredArray = array.filter((item) => item > 5); |
reduce() |
Thực thi một hàm giảm dần trên mỗi phần tử của mảng, kết quả là một giá trị duy nhất | const sum = array.reduce((acc, curr) => acc + curr, 0); |
Những phương thức này thường có thể thay thế cho các vòng lặp truyền thống và làm cho mã của bạn dễ đọc và hiệu quả hơn.
Và thế là bạn đã hoàn thành khóa học nhanh về vòng lặp trong TypeScript. Nhớ rằng, thực hành là chìa khóa để thành thạo, vì vậy đừng ngần ngại thử nghiệm với các khái niệm này. Chúc các bạn may mắn và hy vọng các vòng lặp luôn ở bên bạn!
Credits: Image by storyset