JAVASCRIPT: CH4

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:

(dieukien) ? (đúng) : (sai)

Trong đó: Điều kiện là các biểu thức, mệnh đề trả về giá trị true false.
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)

VD: Đọc số trong phạm vi từ 0 đến 5.

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:

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