Chương
4: Câu lệnh điều kiện trong Javascript
Câu lệnh điều kiện if-else và switch-case trong Javascript cũng giống như các ngôn ngữ khác, nếu điều kiện của mệnh đề đúng thì câu lệnh phía trong sẽ được thực hiện, và ngược lại nếu sai thì nó sẽ không thực hiện.
4.1. Câu lệnh if – else
Cấu trúc if
Cú Pháp:if (dieu kien) {
//nếu điều kiện đúng thì thực hiện
Trong đó: dieu kien là một hoặc nhiều mệnh đề điều kiện có giá trị trả về TRUE/FALSE.}
VD:
var a =
5;
var b =
6;
if (a != b) {
document.write(
'a khác b');
}
Câu lệnh if - else
Cú Pháp:if (
true) {
// nếu đúng thì chạy code trong này
}
else {
//nếu sai thì chạy code trong này
VD:}
var a =
5;
var b =
5;
if (a != b) {
document.write(
'a khác b');
}
else{
document.write(
'a bằng b');
}
Kết hợp else if
Trong trường hợp cần xử lý đa nhánh như làm bài toán phân loại học lực thì
lúc này bạn lên dùng else if để xử lý các điều kiện khác với if.VD:
var diem =
5;
if (diem <
4) {
document.write(
'Học Lại');
}
else
if (diem >=
4 && diem <
5.5) {
document.write(
' Loại D');
}
else
if (diem >=
5.5 && diem <
7) {
document.write(
'Loai C');
}
else
if (diem >=
7 && diem <
8.5) {
document.write(
'Loại B');
}
else
if (diem >=
8.5 && diem <=
10) {
document.write(
'Loai A');
}
else {
document.write(
'Điểm không hợp lệ');
}
if-else lồng nhau
Cũng giống như bài toán ở phần 3 thì chúng ta có thể sử dụng if-else lồng
nhau được.VD:
var diem =
5;
if (diem <
4) {
document.write(
'Học Lại');
}
else {
if (diem >=
4 && diem <
5.5) {
document.write(
' Loại D');
}
else {
if (diem >=
5.5 && diem <
7) {
document.write(
'Loai C');
}
else {
if (diem >=
7 && diem <
8.5) {
document.write(
'Loại B');
}
else {
if (diem >=
8.5 && diem <=
10) {
document.write(
'Loai A');
}
else {
document.write(
'Điểm không hợp lệ');
}
}
}
}
}
if-else rút gọn
Chúng ta cũng có thể rút gọn câu lệnh if-else với cú pháp như sau:Trong đó: Điều kiện là các biểu thức, mệnh đề trả về giá trị true false.(dieukien) ? (đúng) : (sai)
VD:
var diem =
5;
diem ==
5 ? document.write(
'Điểm Bằng 5') : document.write(
'Diểm khác 5');
4.2. Switch case
Đây là một loại câu lệnh rẽ nhánh (hay còn gọi là câu lệnh điều kiện)
có đặc điểm là để giải quyết các bài toán mà có các nhánh là các điều kiện cố định.Cú Pháp:
switch (dieu kien) {
case value1:
//code
break;
case value2:
//code
break;
default:
//code
break;
Trong đó:}
- dieu kien là biến muốn kiểm tra để
dẽ nhánh.
- value1,value2,..
là các giá trị tương ứng của condition mà các bạn muốn rẽ nhánh.
- default là giá trị khác đối với
tất cả các value trên(giống với else).
- break (xem chi tiết)
var so =
5;
switch (so) {
case
0:
document.write(
'không');
break;
case
1:
document.write(
'Một');
break;
case
2:
document.write(
'Hai');
break;
case
3:
document.write(
'Ba');
break;
case
4:
document.write(
'Bốn');
break;
case
5:
document.write(
'Năm');
break;
default:
document.write(
'Không thỏa mãn');
break;
}
-----------
Mục lục:
Mục lục:
Chương 1: Giới thiệu javaScript
Chương 2: Biến, hằng trong Javascript
Chương 3: Toán tử trong Javascript
Chương 4: Câu lệnh điều kiện trong Javascript
Chương 5: Vòng lặp trong javascript
Chương 6: Lệnh break, continue trong javascript
Chương 7: Hàm trong javascript
Chương 8: Hiển thị thông báo ra màn hình trong javascript
Chương 9: Mảng trong javascript
Chương 10: DOM trong javascript
Chương 11: Các đối tượng và hàm thường dùng trong JavaScript
Chương 2: Biến, hằng trong Javascript
Chương 3: Toán tử trong Javascript
Chương 4: Câu lệnh điều kiện trong Javascript
Chương 5: Vòng lặp trong javascript
Chương 6: Lệnh break, continue trong javascript
Chương 7: Hàm trong javascript
Chương 8: Hiển thị thông báo ra màn hình trong javascript
Chương 9: Mảng trong javascript
Chương 10: DOM trong javascript
Chương 11: Các đối tượng và hàm thường dùng trong JavaScript