Câu lệnh JavaScript if ... else (với Ví dụ)

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 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

 Nhập một số: 2 Số dương Câu lệnh if rất dễ

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 thân của ifcâu lệnh được thực thi.

Đầu ra 2

 Nhập một số: -1 Câu lệnh if rất dễ

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ó 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à lôgic, bạn có thể truy cập Toán tử lôgic và So sánh 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 is 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

 Nhập một số: 2 Số dương Câu lệnh if… else thật dễ dàng

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 thân của ifcâu lệnh được thực thi và phần thân của elsecâu lệnh bị bỏ qua.

Đầu ra 2

 Nhập số: -1 Số là số âm hoặc 0 Câu lệnh if… else rất dễ

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 thân của elsecâu lệnh được thực thi và phần thân 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 )
  • Nếu điều kiện 1 đánh giá là true, khối mã 1 được thực thi.
  • Nếu điều kiện 1 được đánh giá là false, thì điều kiện 2 được đánh giá.
    • Nếu điều kiện 2 là true, khối mã 2 được thực thi.
    • Nếu điều kiện 2 là false, khối mã 3 được thực thi.
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

 Nhập một số: 0 Số là 0 Câu lệnh if… else if… else thật dễ dàng

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

Suppose the user entered 5. In this case, the condition number>= 0 evaluates to true, and the control of the program goes inside the outer if statement.

Then, the test condition, number == 0, of the inner if statement is evaluated. Since it's false, the else clause of the inner if statement is executed.

Note: As you can see, nested if… else makes our logic complicated and we should try to avoid using nested if… else whenever possible.

Body of if… else With Only One Statement

If the body of if… else has only one statement, we can omit ( ) in our programs. For example, you can replace

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

with

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

Output

 The number is positive.

More on Decision Making

Trong một số tình huống nhất định, 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 nhất định, 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.

thú vị bài viết...