JavaScript - Lệnh if else

14/03/2019, 2:35 PM | 14/03/2019, 2:35 PM | 582 | 013

Câu lệnh if else là lệnh rất phổ biến trong các ngôn ngữ lập trình và javascript cũng vậy. Sau đây chúng ta cùng tìm hiểu về lệnh này nhé.
1. Lệnh if trong Javascript
Cú pháp lện if như sau :

if(điều kiện)
{
    // các câu lệnh
}

Trong đó điều kiện trả về một trong hai kết quả là True hoặc False. Nếu trả về là True thì thực thi các câu lệnh bên trong, ngược lại False thì không thực thi .
Ví dụ :

var x = 5;
var y = 5;

if(x == y)
{
    alert('Giá trị x bằng với y');
}

Ví dụ trên do điều kiện x == y là đúng sẽ trả về True nên kết quả sẽ hiển thị ra thông báo trong hàm alert().

2. Lệnh if else trong Javascript
Cú pháp lệnh if else như sau :

if(điều kiện)
{
    // các câu lệnh 
}
else
{
   // các câu lệnh
}

Nếu điều kiện trả về True thì các câu lệnh trong if được thực thi, ngược lại trả về False thì các lệnh trong else được thực thi.
Ví dụ : ví dụ dưới mình sử dụng hàm prompt() bài trước đã giới thiệu để lấy giá trị nhập vào từ người dùng. Sau đó kiểm tra số đó.

Xem DEMO

var Number =  prompt('Nhập một số :');

if(Number > 0)
{
     alert('Giá trị Number > 0 !');
}
else
{
     alert('Giá trị Number < 0 !');
}

3. Lệnh if else if trong Javascript
Lệnh này thực ra là sự kết hợp của lệnh if else thôi. Ở ví dụ phần trên có bạn sẽ thắc mắc trường hợp nếu số Number người dùng nhập vào bằng 0 thì sao ? bây giờ mình sẽ sử lý vấn đề đó với if else if ở ví dụ sau :
Ví dụ :

Xem DEMO

var Number =  prompt('Nhập một số :');

if(Number > 0)
{
     alert('Giá trị Number > 0 !');
}
else if(Number == 0)
{
     alert('Giá trị Number = 0 !');
}
else
{
     alert('Giá trị Number < 0 !');
}

4. Lệnh if else lồng nhau
Lệnh if else ta có thể tùy biến lồng vào nhau được để cho kết quả phù hợp nhất.
Ví dụ : Tiếp tục với ví dụ trên ta có thể lồng if else vào để hiển thị thông báo trong trường hợp người dùng nhập vào không phải là số.

Xem DEMO

var Number =  prompt('Nhập một số :');

if(isNaN(Number))
{
    alert('Bạn cần nhập số !');
}
else
{
    if(Number > 0)
    {
         alert('Giá trị Number > 0 !');
    }
    else if(Number == 0)
    {
         alert('Giá trị Number = 0 !');
    }
    else
    {
         alert('Giá trị Number < 0 !');
    }
}

Ở ví dụ trên mình có dùng thêm 1 hàm là isNaN() để kiểm tra xem biến Number có phải là số hay không. Hàm này mình sẽ giới thiệu sau nhưng bạn có thể hiểu sơ qua cấu trúc nó như sau : isNaN(Tên Biến). Nếu trả về TRUE nghĩa là KHÔNG phải số, trả về FALSE tức là số.

Chú ý : Trường hợp các lệnh bên trong chỉ có 1 lệnh, bạn có thể bỏ dấu ngoặc nhọn {} đi. Ví dụ bên trên hầu như là lệnh đơn nên bạn có thể viết lại như sau :

var Number =  prompt('Nhập một số :');

if(isNaN(Number))
    alert('Bạn cần nhập số !');
else
{
    if(Number > 0)
         alert('Giá trị Number > 0 !');
    else if(Number == 0)
         alert('Giá trị Number = 0 !');
    else
         alert('Giá trị Number < 0 !');
}