JavaScript nếu, khác và khác nếu
Câu lệnh có điều kiện được sử dụng để thực hiện các hành động khác nhau dựa trên các điều kiện khác nhau.
Câu điều kiện
Rất thường xuyên khi bạn viết mã, bạn muốn thực hiện các hành động khác nhau cho các quyết định khác nhau.
Bạn có thể sử dụng các câu lệnh có điều kiện trong mã của mình để thực hiện việc này.
Trong JavaScript chúng ta có các câu lệnh điều kiện sau:
- Sử dụng
if
để chỉ định khối mã sẽ được thực thi nếu điều kiện đã chỉ định là đúng - Sử dụng
else
để chỉ định khối mã sẽ được thực thi, nếu điều kiện tương tự là sai - Sử dụng
else if
để chỉ định điều kiện mới cần kiểm tra, nếu điều kiện đầu tiên sai - Sử dụng
switch
để chỉ định nhiều khối mã thay thế sẽ được thực thi
Câu lệnh switch
sẽ được mô tả trong chương tiếp theo.
Câu lệnh if
Sử dụng câu lệnh if
để chỉ định khối mã JavaScript sẽ được thực thi nếu điều kiện là đúng.
Cú pháp
if ( condition ) {
// block of code to be executed if the condition is true
}
Lưu ý rằng if
là chữ thường. Các chữ cái viết hoa (If hoặc IF) sẽ tạo ra lỗi JavaScript.
Ví dụ
Thực hiện lời chào "Chúc một ngày tốt lành" nếu giờ dưới 18:00:
if (hour < 18) {
greeting = "Good day";
}
Kết quả của lời chào sẽ là:
Tuyên bố khác
Sử dụng câu lệnh else
để chỉ định khối mã sẽ được thực thi nếu điều kiện sai.
if ( condition ) {
// block of code to be executed if the condition is true
}
else {
// block of code to be executed if the condition is false
}
Ví dụ
Nếu giờ nhỏ hơn 18, hãy tạo lời chào "Chúc một ngày tốt lành", nếu không thì "Chào buổi tối":
if (hour < 18) {
greeting = "Good day";
}
else {
greeting = "Good evening";
}
Kết quả của lời chào sẽ là:
Câu lệnh else if
Sử dụng câu lệnh else if
để chỉ định điều kiện mới nếu điều kiện đầu tiên sai.
Cú pháp
if ( condition1 ) {
// block of code to be executed if condition1 is true
}
else if ( condition2 ) {
// block of code to be executed if the condition1 is false and condition2 is true
} else {
// block of code to be executed if the condition1 is false and condition2 is false
}
Ví dụ
Nếu thời gian nhỏ hơn 10:00 thì tạo lời chào "Chào buổi sáng", nếu không, nhưng thời gian nhỏ hơn 20:00 thì tạo lời chào "Chào buổi sáng", nếu không thì tạo lời chào "Chào buổi tối":
if (time < 10) {
greeting = "Good morning";
}
else if (time < 20) {
greeting = "Good day";
}
else {
greeting = "Good evening";
}
Kết quả của lời chào sẽ là:
Thêm ví dụ
Liên kết ngẫu nhiên
Ví dụ này sẽ viết một liên kết tới Example.com.vn hoặc tới Tổ chức Động vật hoang dã Thế giới (WWF). Bằng cách sử dụng một số ngẫu nhiên, có 50% cơ hội cho mỗi liên kết.