Câu lệnh JavaScript if … else

Trong hướng dẫn này, bạn sẽ tìm hiểu về câu lệnh if … else để tạo các chương trình ra quyết định với sự trợ giúp của các ví dụ.

Trong lập trình máy tính, có thể nảy sinh các tình huống mà bạn phải chạy một khối mã trong số nhiều lựa chọn thay thế. Ví dụ, ấn định điểm A , B hoặc C dựa trên điểm của một học sinh.

Trong những tình huống như vậy, bạn có thể sử dụng if...elsecâu lệnh JavaScript để tạo một chương trình có thể đưa ra quyết định.

Trong JavaScript, có ba dạng của if...elsecâu lệnh.

1. nếu tuyên bố
2. câu lệnh if … else
3. if … else if … else câu lệnh

JavaScript if Tuyên bố

Cú pháp của ifcâu lệnh là:

if (condition) {
    // the body of if
}

Câu iflệnh đánh giá điều kiện bên trong dấu ngoặc đơn ().

1. Nếu điều kiện được đánh giá là true, mã bên trong phần thân của ifđược thực thi.
2. Nếu điều kiện được đánh giá thành false, mã bên trong phần thân của ifsẽ bị bỏ qua.

Lưu ý: Đoạn mã bên trong { }là phần nội dung của ifcâu lệnh.Hoạt động của câu lệnh if

Ví dụ 1: Câu lệnh if

// check if the number is positive

const number = prompt("Enter a number: ");

// check if number is greater than 0
if (number > 0) {
 // the body of the if statement
  console.log("The number is positive");
}

console.log("The if statement is easy");

Đầu ra 1

Enter a number: 2
The number is positive
The if statement is easy

Giả sử người dùng đã nhập 2 . Trong trường hợp này, điều kiện number > 0đánh giá là true. Và, phần nội dung của ifcâu lệnh được thực thi.

Đầu ra 2

Enter a number: -1
The if statement is easy

Giả sử người dùng nhập -1 . Trong trường hợp này, điều kiện number > 0đánh giá là false. Do đó, phần nội dung của ifcâu lệnh bị bỏ qua.

Vì console.log("The if statement is easy");nằm ngoài phần nội dung của ifcâu lệnh nên nó luôn được thực thi.

Các toán tử so sánh và logic được sử dụng trong các điều kiện. Vì vậy, để tìm hiểu thêm về các toán tử so sánh và logic, bạn có thể truy cập Các toán tử so sánh và logic của JavaScript .

JavaScript if … else câu lệnh

Một ifcâu lệnh có thể có một elsemệnh đề tùy chọn . Cú pháp của if...elsecâu lệnh là:

if (condition) {
    // block of code if condition is true
} else {
   // block of code if condition is false
}

Câu if..elselệnh đánh giá điều kiện bên trong dấu ngoặc đơn.

Nếu điều kiện được đánh giá là true,

1. mã bên trong phần thân của ifđược thực thi
2. mã bên trong phần thân của elsebị bỏ qua khỏi quá trình thực thi

Nếu điều kiện được đánh giá là false,

1. mã bên trong phần thân của elseđược thực thi
2. mã bên trong phần thân của ifbị bỏ qua khỏi quá trình thực thi

Hoạt động của câu lệnh if … else

Ví dụ 2: Câu lệnh if… else

// check if the number is positive or negative/zero

const number = prompt("Enter a number: ");

// check if number is greater than 0
if (number > 0) {
  console.log("The number is positive");
}
// if number is not greater than 0
else {
  console.log("The number is either a negative number or 0");
}

console.log("The if...else statement is easy");

Đầu ra 1

Enter a number: 2
The number is positive
The if...else statement is easy

Giả sử người dùng đã nhập 2 . Trong trường hợp này, điều kiện number > 0đánh giá là true. Do đó, phần nội dung của ifcâu lệnh được thực thi và phần nội dung của elsecâu lệnh bị bỏ qua.

Đầu ra 2

Enter a number: -1
The number is either a negative number or 0
The if...else statement is easy

Giả sử người dùng nhập -1 . Trong trường hợp này, điều kiện number > 0đánh giá là false. Do đó, phần nội dung của elsecâu lệnh được thực thi và phần nội dung của ifcâu lệnh bị bỏ qua.

JavaScript if … else if câu lệnh

Câu if...elselệnh được sử dụng để thực thi một khối mã trong số hai lựa chọn thay thế. Tuy nhiên, nếu bạn cần phải lựa chọn giữa nhiều hơn hai lựa chọn thay thế, if...else if...elsecó thể được sử dụng.

Cú pháp của if...else if...elsecâu lệnh là:

if (condition1) {
    // code block 1
} else if (condition2){
    // code block 2
} else {
    // code block 3
}

• If condition1 evaluates to true, the code block 1 is executed.
• If condition1 evaluates to false, then condition2 is evaluated.
  • If the condition2 is true, the code block 2 is executed.
  • If the condition2 is false, the code block 3 is executed.

Hoạt động của câu lệnh if … else if … else

Ví dụ 3: Câu lệnh if … else if

// check if the number if positive, negative or zero
const number = prompt("Enter a number: ");


// check if number is greater than 0
if (number > 0) {
    console.log("The number is positive");
}
// check if number is 0
else if (number == 0) {
  console.log("The number is 0");
}
// if number is neither greater than 0, nor zero
else {
    console.log("The number is negative");
}

console.log("The if...else if...else statement is easy");

Đầu ra

Enter a number: 0
The number is 0
The if...else if...else statement is easy

Giả sử người dùng đã nhập 0 , thì điều kiện kiểm tra đầu tiên được number > 0đánh giá là false. Sau đó, điều kiện kiểm tra thứ hai được number == 0đánh giá là truevà khối tương ứng của nó được thực thi.

Câu lệnh if … else lồng nhau

Bạn cũng có thể sử dụng một if...elsecâu lệnh bên trong một if...elsecâu lệnh. Điều này được gọi là câu lệnh if … else lồng nhau .

Ví dụ 4: Câu lệnh if … else lồng nhau

// check if the number is positive, negative or zero
const number = prompt("Enter a number: ");

if (number >= 0) {
    if (number == 0) {
        console.log("You entered number 0");
    } else {
        console.log("You entered a positive number");
    }
} else {
    console.log("You entered a negative number");
}

Đầu ra

Enter a number: 5
You entered a positive number

Giả sử người dùng đã nhập 5 . Trong trường hợp này, điều kiện được number >= 0đánh giá là truevà quyền điều khiển chương trình nằm bên trong ifcâu lệnh bên ngoài .

Sau đó, điều kiện kiểm tra number == 0, của ifcâu lệnh bên trong được đánh giá. Vì nó sai, elsemệnh đề của ifcâu lệnh bên trong được thực thi.

Lưu ý: Như bạn có thể thấy, lồng nhau if...elselàm cho logic của chúng ta phức tạp và chúng ta nên cố gắng tránh sử dụng lồng nhau if...elsebất cứ khi nào có thể.

Nội dung của if … else Chỉ với một câu lệnh

Nếu phần nội dung của if...elsechỉ có một câu lệnh, chúng ta có thể bỏ qua { }trong chương trình của mình. Ví dụ, bạn có thể thay thế

const number = 2;
if (number > 0) {
    console.log("The number is positive.");
} else {
   console.log("The number is negative or zero.");
}

với

const number = 2;
if (number > 0)
    console.log("The number is positive.");
 else 
   console.log("The number is negative or zero.");

Đầu ra

The number is positive.

Thông tin thêm về Ra quyết định

Trong một số tình huống, toán tử bậc ba có thể thay thế một if...elsecâu lệnh. Để tìm hiểu thêm, hãy truy cập Toán tử bậc ba của JavaScript .

Nếu bạn cần phải lựa chọn giữa nhiều lựa chọn thay thế dựa trên một điều kiện thử nghiệm đã cho, switchcâu lệnh có thể được sử dụng. Để tìm hiểu thêm, hãy truy cập công tắc JavaScript .