Tiếng Việt

Nền tảng TypeScript

Loại cơ bản của TypeScript

Luồng điều khiển TypeScript

Hàm TypeScript

Giao diện TypeScript

Lớp và Đối tượng TypeScript

Loại Cao Cấp TypeScript

Thao tác trên các kiểu TypeScript

Nhiều loại TypeScript

TypeScript Phụ

TypeScript - If...Else Statement: A Beginner's Guide

Xin chào bạn, tương lai của ngôi sao lập trình! ? Hôm nay, chúng ta sẽ cùng nhau khám phá một trong những khái niệm cơ bản nhất trong lập trình: câu lệnh if...else trong TypeScript. Hãy tưởng tượng nó như một người quyết định trong mã của bạn, giống như một con owl thông thái giúp chương trình của bạn chọn con đường nào để đi. Hãy cùng nhau bắt đầu hành trình thú vị này nhé!

TypeScript - If Else Statement

What is an If...Else Statement? (Gì là câu lệnh if...else?)

Trước khi chúng ta đi vào chi tiết, hãy hiểu câu lệnh if...else là gì. Hãy tưởng tượng bạn đang ở một cửa hàng kem, và bạn phải quyết định giữa chocolate và vanilla. Quá trình suy nghĩ của bạn có thể diễn ra như thế này:

"Nếu chocolate có sẵn, tôi sẽ chọn chocolate. Nếu không (else), tôi sẽ chọn vanilla."

Đó chính xác là cách mà câu lệnh if...else hoạt động trong lập trình! Nó cho phép mã của bạn đưa ra quyết định dựa trên một số điều kiện.

Cú pháp (Syntax)

Bây giờ, hãy cùng nhìn vào cách chúng ta viết câu lệnh if...else trong TypeScript. Đừng lo lắng nếu nó trông có vẻ lạ ban đầu - chúng ta sẽ phân tích nó từng bước!

if (condition) {
// Mã để thực thi nếu điều kiện là true
} else {
// Mã để thực thi nếu điều kiện là false
}

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

  1. if: Từ khóa bắt đầu câu lệnh.
  2. (condition): Đây là nơi bạn đặt điều kiện của bạn. Nó giống như đặt một câu hỏi.
  3. { }: Cặp dấu ngoặc này chứa mã để chạy nếu điều kiện là true.
  4. else: Từ khóa này giới thiệu tùy chọn thay thế.
  5. { }: Cặp dấu ngoặc này chứa mã để chạy nếu điều kiện là false.

Sơ đồ luồng (Flowchart)

Để hình dung cách câu lệnh if...else hoạt động, hãy cùng nhìn vào một sơ đồ luồng đơn giản:

[Start]
|
v
[Kiểm tra điều kiện]
/           \
(Yes)        (No)
|             |
v             v
[Thực thi true]  [Thực thi false]
|             |
v             v
[Tiếp tục]

Sơ đồ này cho thấy cách chương trình của bạn quyết định con đường nào để đi dựa trên việc điều kiện là true hay false.

Ví dụ (Examples)

Bây giờ, hãy cùng xem một số ví dụ thực tế để thấy cách câu lệnh if...else hoạt động trong thực tế!

Ví dụ 1: Quyết định kem

Hãy mã hóa quyết định kem của chúng ta từ trước:

let chocolateAvailable: boolean = true;

if (chocolateAvailable) {
console.log("Great! I'll have chocolate ice cream.");
} else {
console.log("I guess I'll have vanilla ice cream then.");
}

Trong ví dụ này:

  • Chúng ta khai báo một biến chocolateAvailable và đặt nó là true.
  • Câu lệnh if kiểm tra nếu chocolateAvailable là true.
  • Vì nó là true, mã trong cặp ngoặc đầu tiên sẽ chạy.
  • Console sẽ hiển thị: "Great! I'll have chocolate ice cream."

Thử thay đổi chocolateAvailable thành false và xem会发生什么!

Ví dụ 2: Lời chào dựa trên thời gian

Hãy tạo một chương trình chào bạn khác nhau dựa trên thời gian trong ngày:

let currentHour: number = 14; // 2 PM

if (currentHour < 12) {
console.log("Good morning!");
} else if (currentHour < 18) {
console.log("Good afternoon!");
} else {
console.log("Good evening!");
}

Đây là những gì đang xảy ra:

  • Chúng ta đặt currentHour là 14 (2 PM).
  • Điều kiện đầu tiên currentHour < 12 là false, vì vậy chúng ta chuyển sang điều kiện tiếp theo.
  • currentHour < 18 là true, vì vậy "Good afternoon!" sẽ được ghi vào console.
  • khối else cuối cùng bị bỏ qua.

Ví dụ 3: Máy tính điểm số

Hãy tạo một máy tính điểm số đơn giản:

let score: number = 85;
let grade: string;

if (score >= 90) {
grade = "A";
} else if (score >= 80) {
grade = "B";
} else if (score >= 70) {
grade = "C";
} else if (score >= 60) {
grade = "D";
} else {
grade = "F";
}

console.log(`Your grade is: ${grade}`);

Trong ví dụ này:

  • Chúng ta đặt score là 85.
  • Chúng ta sử dụng nhiều câu lệnh if...else if để kiểm tra điểm số trong các phạm vi khác nhau.
  • Vì 85 lớn hơn hoặc bằng 80, điểm số được đặt là "B".
  • Cuối cùng, chúng ta ghi điểm số vào console.

Các phương pháp phổ biến và cách sử dụng chúng (Common Methods and Their Usage)

Dưới đây là bảng các phương pháp và toán tử phổ biến mà bạn có thể sử dụng với câu lệnh if...else:

Phương pháp/Toán tử Mô tả Ví dụ
=== Đẳng đẳng chặt if (x === 5)
!== Không bằng chặt if (y !== 10)
> Lớn hơn if (age > 18)
< Nhỏ hơn if (temperature < 0)
>= Lớn hơn hoặc bằng if (score >= 60)
<= Nhỏ hơn hoặc bằng if (quantity <= 0)
&& Logic AND if (x > 0 && x < 10)
|| Logic OR if (day === "Sat" || day === "Sun")
! Logic NOT if (!isLoggedIn)

Kết luận (Conclusion)

Chúc mừng! Bạn vừa bước những bước đầu tiên vào thế giới lập trình điều kiện với câu lệnh if...else của TypeScript. Nhớ rằng, các câu lệnh này giống như đèn giao thông của mã của bạn, hướng dẫn chương trình của bạn đi theo các con đường khác nhau dựa trên các điều kiện bạn đặt.

Khi bạn tiếp tục hành trình lập trình của mình, bạn sẽ thấy mình sử dụng câu lệnh if...else rất thường xuyên. Chúng vô cùng linh hoạt và mạnh mẽ. Vậy, hãy tiếp tục tập luyện, và sớm bạn sẽ có thể đưa ra quyết định trong mã của mình một cách dễ dàng như việc chọn giữa chocolate và vanilla kem!

Chúc bạn vui vẻ lập trình, và hãy nhớ - trong lập trình, cũng như trong cuộc sống, tất cả đều phụ thuộc vào việc đưa ra những quyết định đúng đắn! ??

Credits: Image by storyset

Hướng Dẫn Trước:
TypeScript - Lệnh If
Hướng Dẫn Tiếp Theo:
TypeScript - Câu lệnh If Nested