JavaScript

Sử dụng câu điều kiện trong Javascript

nguyen.le , 15 min read

Giới thiệu nội dung bài viết

Tương tự như các ngôn ngữ lập trình web khác, JavaScript cũng cung cấp cho chúng ta các câu điều kiện để giải quyết các bài toán rẽ nhánh từ đó giúp quản lí luồng đi của chương trình trở nên hiệu quả hơn.

Vậy cách thao tác với các dạng câu điều kiện trong JavaScript có khác với các ngôn ngữ khác không? Trong bài viết này, anh sẽ lần lượt trình bày các câu điều kiện If, Else, Else If và mệnh đề Switch sử dụng trong ngôn ngữ lập trình web JavaScript. Các bạn hãy cùng tìm hiểu đáp án cho câu hỏi trên thông qua những chia sẻ dưới đây của anh nhé.

1. Câu điều kiện là gì

Javascript cung cấp cho chúng ta các câu điều kiện để quản lý luồng đi của chương trình. Chúng ta thường sử dụng các câu điều kiện if else và switch case trong lập trình web.

2. Câu điều kiện If

Chúng ta sử dụng câu điều kiện If nếu chúng ta muốn thực hiện các đoạn code dựa trên điều kiện ta đưa vào có thoả mãn hay không.

Cú pháp

1
2
3
 if (điều kiện) {
   nếu đúng thực hiện các dòng code trong này
 }

Ví dụ

1
2
3
4
5
6
7
8
9
if( 1 > 0)
{
    alert("1 is greater than 0");
}

if( 1 < 0)
{
    alert("1 is less than 0");
}

3. Câu điều kiện Else

Chúng ta sử dụng Else để chạy những trường hợp không thoả mãn điều kiện If

Cú pháp

1
2
3
4
5
 if (điều kiện) {
   nếu đúng thực hiện các dòng code trong này
 } else {
   thực hiện code trong else
}

Ví dụ

1
2
3
4
5
6
7
8
9
10
11
var mySal = 500;
var yourSal = 1000;

if( mySal > yourSal)
{
    alert("My Salary is greater than your salary");
}
else
{
    alert("My Salary is less than or equal to your salary");
}

4. Câu điều kiện Else If

Chúng ta sử dụng Else If khi chúng ta muốn sử dụng kiểm tra điều kiện có thoả mãn lần thứ 2 hay không sau khi if đã kiểm tra

Cú pháp

1
2
3
4
5
6
7
if(condition expression)
{
    //Execute this code block
}
else if(condition expression){ 
    //Execute this code block
}

Ví dụ

1
2
3
4
5
6
7
8
9
10
11
var mySal = 500;
var yourSal = 1000;

if( mySal > yourSal)
{
    alert("My Salary is greater than your salary");
}
else if(mySal < yourSal)
{
    alert("My Salary is less than your salary");
}

5. Mệnh đề Switch

Mệnh đề switch cũng giống như If. Nó hữu ích khi chúng ta muốn thực thi một hoặc nhiều các khối lệnh dựa trên kết quả trả về

Cú pháp

1
2
3
4
5
6
7
8
9
10
11
12
13
14
switch(expression or literal value){
    case 1:
        //code to be executed
      break;
    case 2:
        //code to be executed
        break;
    case n:
        //code to be executed
        break;
    default:
        //default code to be executed 
        //if none of the above case executed
}

Ví dụ

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
var a = 3;

switch (a) {
    case 1:
        alert('case 1 executed');
        break;
    case 2:
        alert("case 2 executed");
        break;
   case 3:
        alert("case 3 executed");
        break;
    case 4:
        alert("case 4 executed");
        break;
    default:
        alert("default case executed");
}

Chúng ta sử dụng break để thoát khỏi mệnh đề Switch.
Chúng ta có từ khoá default , nếu như không rơi vào case 1,2,3,4 thì trường hợp default sẽ chạy.