Câu lệnh điều kiện trong ví dụ javascript

Trong khi viết chương trình, có thể xảy ra tình huống bạn cần áp dụng một trong số các đường dẫn đã cho. Trong những trường hợp như vậy, bạn cần sử dụng các câu điều kiện cho phép chương trình của bạn đưa ra quyết định đúng và thực hiện đúng hành động

JavaScript hỗ trợ các câu đ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. Ở đây chúng tôi sẽ giải thích nếu. tuyên bố khác

Lưu đồ của if-else

Lưu đồ sau đây cho thấy cách thức hoạt động của câu lệnh if-else

JavaScript hỗ trợ các dạng if sau. tuyên bố khác -

• câu lệnh if

• nếu. tuyên bố khác

• nếu. khác nếu. bản tường trình

câu lệnh if

Câu lệnh if là câu lệnh điều khiển cơ bản cho phép JavaScript đưa ra quyết định và thực thi các câu lệnh có điều kiện

cú pháp

Cú pháp của câu lệnh if cơ bản như sau -

if [expression] {
   Statement[s] to be executed if expression is true
}

Ở đây một biểu thức JavaScript được đánh giá. Nếu giá trị kết quả là đúng, [các] câu lệnh đã cho được thực thi. Nếu biểu thức sai thì không câu lệnh nào không được thực hiện. Hầu hết thời gian, bạn sẽ sử dụng các toán tử so sánh trong khi đưa ra quyết định

Ví dụ

Hãy thử ví dụ sau để hiểu cách hoạt động của câu lệnh if

        
            
      
Set the variable to different value and then try...
   

đầu ra

Qualifies for driving
Set the variable to different value and then try...

nếu. tuyên bố khác

'nếu. câu lệnh khác là dạng câu lệnh điều khiển tiếp theo cho phép JavaScript thực thi các câu lệnh theo cách được kiểm soát nhiều hơn

cú pháp

if [expression] {
   Statement[s] to be executed if expression is true
} else {
   Statement[s] to be executed if expression is false
}

Ở đây biểu thức JavaScript được đánh giá. Nếu giá trị kết quả là đúng, [các] câu lệnh đã cho trong khối 'if', sẽ được thực thi. Nếu biểu thức là sai, thì [các] câu lệnh đã cho trong khối khác sẽ được thực thi

Ví dụ

Hãy thử đoạn mã sau để tìm hiểu cách triển khai câu lệnh if-else trong JavaScript

      
           
      
Set the variable to different value and then try...
   

đầu ra

Does not qualify for driving
Set the variable to different value and then try...

nếu. khác nếu. bản tường trình

nếu. khác nếu. câu lệnh là một dạng nâng cao của if…else cho phép JavaScript đưa ra quyết định đúng trong một số điều kiện

cú pháp

Cú pháp của câu lệnh if-else-if như sau:

if [expression 1] {
   Statement[s] to be executed if expression 1 is true
} else if [expression 2] {
   Statement[s] to be executed if expression 2 is true
} else if [expression 3] {
   Statement[s] to be executed if expression 3 is true
} else {
   Statement[s] to be executed if no expression is true
}

Không có gì đặc biệt về mã này. Nó chỉ là một loạt các câu lệnh if, trong đó mỗi câu lệnh if là một phần của mệnh đề khác của câu lệnh trước đó. [Các] câu lệnh được thực thi dựa trên điều kiện đúng, nếu không có điều kiện nào đúng thì khối lệnh khác được thực thi

Sẽ có lúc bạn muốn viết các lệnh xử lý các quyết định khác nhau trong mã của mình

Ví dụ: nếu bạn đang mã hóa một bot, bạn có thể yêu cầu nó phản hồi bằng các thông báo khác nhau dựa trên một tập hợp các lệnh mà nó nhận được

Trong bài viết này, tôi sẽ giải thích câu lệnh

const age = 18;

if [age >= 18] {
  console.log["Nick is an adult."];
} else {
  console.log["Nick is a child."];
}

5 là gì và cung cấp các ví dụ mã. Chúng ta cũng sẽ xem xét toán tử có điều kiện [ternary] mà bạn có thể sử dụng làm cách viết tắt cho câu lệnh

const age = 18;

if [age >= 18] {
  console.log["Nick is an adult."];
} else {
  console.log["Nick is a child."];
}

5

một nếu là gì. tuyên bố khác trong JavaScript?

const age = 18;

if [age >= 18] {
  console.log["Nick is an adult."];
} else {
  console.log["Nick is a child."];
}

5 là một loại câu lệnh điều kiện sẽ thực thi một khối mã khi điều kiện trong câu lệnh

const age = 18;

if [age >= 18] {
  console.log["Nick is an adult."];
} else {
  console.log["Nick is a child."];
}

8 là

const age = 18;

if [age >= 18] {
  console.log["Nick is an adult."];
} else {
  console.log["Nick is a child."];
}

9. Nếu điều kiện là

        
            
      
Set the variable to different value and then try...
   

20 thì khối

        
            
      
Set the variable to different value and then try...
   

21 sẽ được thực hiện

Giá trị

        
            
      
Set the variable to different value and then try...
   

22 và

        
            
      
Set the variable to different value and then try...
   

20 được chuyển đổi thành

        
            
      
Set the variable to different value and then try...
   

24 hoặc

        
            
      
Set the variable to different value and then try...
   

25 trong câu lệnh  

const age = 18;

if [age >= 18] {
  console.log["Nick is an adult."];
} else {
  console.log["Nick is a child."];
}

8

        
            
      
Set the variable to different value and then try...
   

9

Bất kỳ giá trị nào không được xác định là

        
            
      
Set the variable to different value and then try...
   

20 sẽ được coi là

const age = 18;

if [age >= 18] {
  console.log["Nick is an adult."];
} else {
  console.log["Nick is a child."];
}

9 trong JavaScript

Đây là danh sách các giá trị  

        
            
      
Set the variable to different value and then try...

  


   

20

• sai
• 0 [không]
• -0 [số 0 âm]
• 0n [BigInt không]

• Qualifies for driving
  Set the variable to different value and then try...
  

  30,

  Qualifies for driving
  Set the variable to different value and then try...
  

  31,

  Qualifies for driving
  Set the variable to different value and then try...
  

  32 [chuỗi trống]
• vô giá trị
• không xác định
• NaN [không phải số]

Ví dụ về nếu. câu lệnh khác trong JavaScript

Trong ví dụ này, điều kiện cho câu lệnh

const age = 18;

if [age >= 18] {
  console.log["Nick is an adult."];
} else {
  console.log["Nick is a child."];
}

8 là

        
            
      
Set the variable to different value and then try...
   

24 nên thông báo được in ra bảng điều khiển sẽ là "Nick là người lớn. "

const age = 18;

if [age >= 18] {
  console.log["Nick is an adult."];
} else {
  console.log["Nick is a child."];
}

Nhưng nếu tôi thay đổi biến

Qualifies for driving
Set the variable to different value and then try...

35 nhỏ hơn 18, thì điều kiện sẽ là

        
            
      
Set the variable to different value and then try...
   

25 và thay vào đó, mã sẽ thực thi khối

        
            
      
Set the variable to different value and then try...
   

21.

        
            
      
Set the variable to different value and then try...
   

2

Ví dụ về nhiều điều kiện [nếu. khác nếu. câu lệnh khác] trong JavaScript

Sẽ có lúc bạn muốn kiểm tra nhiều điều kiện. Đó là nơi mà khối

Qualifies for driving
Set the variable to different value and then try...

38 xuất hiện

Qualifies for driving
Set the variable to different value and then try...

3

Khi câu lệnh

const age = 18;

if [age >= 18] {
  console.log["Nick is an adult."];
} else {
  console.log["Nick is a child."];
}

8 là

        
            
      
Set the variable to different value and then try...
   

25, máy tính sẽ chuyển sang câu lệnh

Qualifies for driving
Set the variable to different value and then try...

38. Nếu đó cũng là

        
            
      
Set the variable to different value and then try...
   

25, thì nó sẽ chuyển sang khối

        
            
      
Set the variable to different value and then try...
   

21

Trong ví dụ này, khối

Qualifies for driving
Set the variable to different value and then try...

38 sẽ được thực thi vì Alice ở độ tuổi từ 18 đến 21

      
           
      
Set the variable to different value and then try...
   

1

Khi nào thì sử dụng câu lệnh switch over if. tuyên bố khác?

Đôi khi trong JavaScript, bạn có thể cân nhắc sử dụng câu lệnh

      
           
      
Set the variable to different value and then try...
   

15 thay vì câu lệnh

      
           
      
Set the variable to different value and then try...
   

16

Các câu lệnh

      
           
      
Set the variable to different value and then try...
   

15 có thể có cú pháp rõ ràng hơn các câu lệnh

      
           
      
Set the variable to different value and then try...
   

16 phức tạp

Hãy xem ví dụ bên dưới – thay vì sử dụng câu lệnh

      
           
      
Set the variable to different value and then try...
   

16 dài này, bạn có thể chọn sử dụng câu lệnh

      
           
      
Set the variable to different value and then try...
   

15 dễ đọc hơn

      
           
      
Set the variable to different value and then try...
   

8

      
           
      
Set the variable to different value and then try...
   

9

Câu lệnh

      
           
      
Set the variable to different value and then try...
   

15 sẽ không phù hợp để sử dụng trong mọi tình huống. Nhưng nếu bạn cảm thấy câu lệnh

      
           
      
Set the variable to different value and then try...
   

16 dài và phức tạp, thì câu lệnh

      
           
      
Set the variable to different value and then try...
   

15 có thể là một lựa chọn thay thế

Toán tử logic AND [&&] và nếu. câu lệnh khác trong JavaScript

Trong toán tử logic AND [

      
           
      
Set the variable to different value and then try...
   

84], nếu cả hai điều kiện đều là

        
            
      
Set the variable to different value and then try...
   

24 thì khối lệnh

const age = 18;

if [age >= 18] {
  console.log["Nick is an adult."];
} else {
  console.log["Nick is a child."];
}

8 sẽ được thực thi. Nếu một hoặc cả hai điều kiện là

        
            
      
Set the variable to different value and then try...
   

25, thì khối

        
            
      
Set the variable to different value and then try...
   

21 sẽ được thực thi

Trong ví dụ này, vì tuổi lớn hơn 16 và biến

      
           
      
Set the variable to different value and then try...
   

89 là

        
            
      
Set the variable to different value and then try...
   

24, nên khối

const age = 18;

if [age >= 18] {
  console.log["Nick is an adult."];
} else {
  console.log["Nick is a child."];
}

8 sẽ chạy. Thông báo được in ra bảng điều khiển sẽ là "Jerry đủ tuổi lái xe và có ô tô riêng. "

if [expression 1] {
   Statement[s] to be executed if expression 1 is true
} else if [expression 2] {
   Statement[s] to be executed if expression 2 is true
} else if [expression 3] {
   Statement[s] to be executed if expression 3 is true
} else {
   Statement[s] to be executed if no expression is true
}

1

Nếu tôi thay đổi biến

Qualifies for driving
Set the variable to different value and then try...

35 thành nhỏ hơn 16, thì cả hai điều kiện không còn là

        
            
      
Set the variable to different value and then try...
   

24 nữa và thay vào đó, khối

        
            
      
Set the variable to different value and then try...
   

21 sẽ được thực thi.

if [expression 1] {
   Statement[s] to be executed if expression 1 is true
} else if [expression 2] {
   Statement[s] to be executed if expression 2 is true
} else if [expression 3] {
   Statement[s] to be executed if expression 3 is true
} else {
   Statement[s] to be executed if no expression is true
}

5

Định lý OR [. ] toán tử và nếu. câu lệnh khác trong JavaScript

Trong toán tử logic OR [

      
           
      
Set the variable to different value and then try...
   

95], nếu một hoặc cả hai điều kiện là

        
            
      
Set the variable to different value and then try...
   

24, thì mã bên trong câu lệnh

const age = 18;

if [age >= 18] {
  console.log["Nick is an adult."];
} else {
  console.log["Nick is a child."];
}

8 sẽ thực thi

Trong ví dụ này, mặc dù biến

      
           
      
Set the variable to different value and then try...
   

98 được đặt thành

        
            
      
Set the variable to different value and then try...
   

25, mã bên trong khối

const age = 18;

if [age >= 18] {
  console.log["Nick is an adult."];
} else {
  console.log["Nick is a child."];
}

8 sẽ vẫn thực thi vì biến

if [expression 1] {
   Statement[s] to be executed if expression 1 is true
} else if [expression 2] {
   Statement[s] to be executed if expression 2 is true
} else if [expression 3] {
   Statement[s] to be executed if expression 3 is true
} else {
   Statement[s] to be executed if no expression is true
}

11 được đặt thành

        
            
      
Set the variable to different value and then try...
   

24

const age = 18;

if [age >= 18] {
  console.log["Nick is an adult."];
} else {
  console.log["Nick is a child."];
}

4

Nếu tôi thay đổi giá trị của biến

if [expression 1] {
   Statement[s] to be executed if expression 1 is true
} else if [expression 2] {
   Statement[s] to be executed if expression 2 is true
} else if [expression 3] {
   Statement[s] to be executed if expression 3 is true
} else {
   Statement[s] to be executed if no expression is true
}

11 thành

        
            
      
Set the variable to different value and then try...
   

25, thì khối

        
            
      
Set the variable to different value and then try...
   

21 sẽ thực thi vì cả hai điều kiện đều là

        
            
      
Set the variable to different value and then try...
   

25.

const age = 18;

if [age >= 18] {
  console.log["Nick is an adult."];
} else {
  console.log["Nick is a child."];
}

0

Đoạn logic NOT [. ] toán tử và nếu. câu lệnh khác trong JavaScript

Toán tử logic NOT [

if [expression 1] {
   Statement[s] to be executed if expression 1 is true
} else if [expression 2] {
   Statement[s] to be executed if expression 2 is true
} else if [expression 3] {
   Statement[s] to be executed if expression 3 is true
} else {
   Statement[s] to be executed if no expression is true
}

17] sẽ lấy thứ gì đó là

        
            
      
Set the variable to different value and then try...
   

24 và biến nó thành

        
            
      
Set the variable to different value and then try...
   

25. Nó cũng sẽ lấy thứ gì đó là

        
            
      
Set the variable to different value and then try...
   

25 và biến nó thành

        
            
      
Set the variable to different value and then try...
   

24

Chúng ta có thể sửa đổi ví dụ trước đó để sử dụng toán tử

if [expression 1] {
   Statement[s] to be executed if expression 1 is true
} else if [expression 2] {
   Statement[s] to be executed if expression 2 is true
} else if [expression 3] {
   Statement[s] to be executed if expression 3 is true
} else {
   Statement[s] to be executed if no expression is true
}

17 để tạo biến

if [expression 1] {
   Statement[s] to be executed if expression 1 is true
} else if [expression 2] {
   Statement[s] to be executed if expression 2 is true
} else if [expression 3] {
   Statement[s] to be executed if expression 3 is true
} else {
   Statement[s] to be executed if no expression is true
}

11  

        
            
      
Set the variable to different value and then try...
   

25. Vì cả hai điều kiện đều là

        
            
      
Set the variable to different value and then try...
   

25, nên khối

        
            
      
Set the variable to different value and then try...
   

21 sẽ được thực thi

const age = 18;

if [age >= 18] {
  console.log["Nick is an adult."];
} else {
  console.log["Nick is a child."];
}

1

Toán tử [bộ ba] có điều kiện trong JavaScript

Nếu bạn có một câu lệnh

      
           
      
Set the variable to different value and then try...
   

16 ngắn, thì bạn có thể chọn sử dụng toán tử bậc ba. Từ ternary có nghĩa là một cái gì đó bao gồm ba phần

Đây là cú pháp cơ bản cho toán tử bậc ba

const age = 18;

if [age >= 18] {
  console.log["Nick is an adult."];
} else {
  console.log["Nick is a child."];
}

2

Điều kiện đi trước dấu

if [expression 1] {
   Statement[s] to be executed if expression 1 is true
} else if [expression 2] {
   Statement[s] to be executed if expression 2 is true
} else if [expression 3] {
   Statement[s] to be executed if expression 3 is true
} else {
   Statement[s] to be executed if no expression is true
}

58 và nếu nó là

        
            
      
Set the variable to different value and then try...
   

24, thì mã giữa dấu

if [expression 1] {
   Statement[s] to be executed if expression 1 is true
} else if [expression 2] {
   Statement[s] to be executed if expression 2 is true
} else if [expression 3] {
   Statement[s] to be executed if expression 3 is true
} else {
   Statement[s] to be executed if no expression is true
}

58 và

const age = 18;

if [age >= 18] {
  console.log["Nick is an adult."];
} else {
  console.log["Nick is a child."];
}

41 sẽ thực thi. Nếu điều kiện là

        
            
      
Set the variable to different value and then try...
   

25, thì mã sau ______741 sẽ thực thi

Trong ví dụ này, vì tuổi lớn hơn 18 nên thông báo tới bảng điều khiển sẽ là "Có thể bỏ phiếu"

const age = 18;

if [age >= 18] {
  console.log["Nick is an adult."];
} else {
  console.log["Nick is a child."];
}

3

Đây là giao diện của mã khi sử dụng câu lệnh

      
           
      
Set the variable to different value and then try...

  


   

16.

const age = 18;

if [age >= 18] {
  console.log["Nick is an adult."];
} else {
  console.log["Nick is a child."];
}

4

Phần kết luận

Câu lệnh

      
           
      
Set the variable to different value and then try...
   

16 sẽ thực thi một khối mã khi điều kiện trong câu lệnh

const age = 18;

if [age >= 18] {
  console.log["Nick is an adult."];
} else {
  console.log["Nick is a child."];
}

8 là

const age = 18;

if [age >= 18] {
  console.log["Nick is an adult."];
} else {
  console.log["Nick is a child."];
}

9. Nếu điều kiện là

        
            
      
Set the variable to different value and then try...
   

20 thì khối

        
            
      
Set the variable to different value and then try...
   

21 sẽ được thực hiện

Sẽ có lúc bạn muốn kiểm tra nhiều điều kiện và bạn có thể sử dụng câu lệnh

const age = 18;

if [age >= 18] {
  console.log["Nick is an adult."];
} else {
  console.log["Nick is a child."];
}

00

Nếu bạn cảm thấy câu lệnh

      
           
      
Set the variable to different value and then try...
   

16 dài và phức tạp, thì câu lệnh

      
           
      
Set the variable to different value and then try...
   

15 có thể là một lựa chọn thay thế

Sử dụng các toán tử logic để kiểm tra nhiều điều kiện có thể thay thế các câu lệnh

      
           
      
Set the variable to different value and then try...
   

16 lồng nhau

Toán tử bậc ba có thể được sử dụng để viết mã ngắn hơn cho câu lệnh

      
           
      
Set the variable to different value and then try...
   

16 đơn giản

QUẢNG CÁO

QUẢNG CÁO

QUẢNG CÁO

QUẢNG CÁO

QUẢNG CÁO

QUẢNG CÁO

QUẢNG CÁO

QUẢNG CÁO

Jessica Wilkins

Tôi là một nhạc sĩ và một lập trình viên

Nếu bạn đọc đến đây, hãy tweet cho tác giả để cho họ thấy bạn quan tâm. Tweet một lời cảm ơn

Học cách viết mã miễn phí. Chương trình giảng dạy mã nguồn mở của freeCodeCamp đã giúp hơn 40.000 người có được việc làm với tư cách là nhà phát triển. Bắt đầu

Ví dụ về câu lệnh có điều kiện trong JavaScript là gì?

một ví dụ về một tuyên bố có điều kiện là gì?

3 câu lệnh điều kiện là gì?

4 câu lệnh điều kiện là gì?