Học Javascript : câu điều kiện if trong JavaScript

Học Javascript : câu điều kiện if trong JavaScript5 phút đọc

Tiến hành xử lý theo điều kiện là một trong những kiến thức cực kì cơ bản nhưng rất quan trọng và thường xuyên được sử dụng trong các chương trình.

Trong bài viết này mình sẽ chia sẻ cho các bạn cách khai báo và sử dụng câu điều kiện if trong JavaScript.

Cú pháp

Cú phápÝ nghĩa
if(điều kiện 1) {xử lý 1}Nếu thỏa đk 1 thì thực hiện xử lý 1
else if (điều kiện 2) {xử lý 2} Nếu đk 1 ko thỏa và thỏa đk 2 thì xử lý 2
else {xử lý 3} Nếu cả đk 1 và 2 đều ko thỏa thì xử lý 3

Ví dụ sử dụng

Trong lập trình việc xử lý kết quả theo điều kiện rất phổ biến và câu lệnh quen thuộc giúp chúng ra làm việc này đó chính là câu lệnh if – else.

Để sử dụng câu lệnh if – else thì chúng ta cần xác định hai thứ đó là điều kiện và xử lý đi kèm điều kiện đó là gì.Điều kiện và xử lý này sẽ đi thành cặp và được rẽ nhánh bởi từ khóa else.

Bạn hãy quan sát ví dụ dưới đây để hiểu rõ hơn về câu lệnh điều kiện if – else này.

JavaScript

Câu lệnh if trên đây sẽ thay đổi kết quả tùy theo giá trị của hằng số myPrice.Bạn hãy thử thực hành ví dụ này và thay đổi giá trị của hằng số xem.Kết quả in ra màn hình console cũng sẽ thay đổi theo.

Cách họat động của câu lệnh if – else này như sau.

  • Đầu tiên nó kiểm tra giá trị myPrice có thỏa mãn điều kiện >= 50 hay không, nếu đúng nó sẽ in ra màn hình console kết quả “myPrice lớn hơn 50
  • Nếu sai nó se chuyển qua xét tiếp điều kiện tiếp theo là kiểm tra xem myPrice có >= 10 hay không, nếu có nó sẽ in ra màn hình console kết quả “myPrice lớn hơn 10 và nhỏ hơn 50
  • Cuối cùng nếu không thỏa mãn cả hai trường hợp trên thì nó sẽ in ra màn hình console kết quả mặc định khi không trường hợp nào được thỏa mãn là “myPrice nhỏ hơn 10

Câu điều kiện của bạn có thể chỉ bao hàm một điều kiện duy nhất như ví dụ dưới đây.

JavaScript

Trong trường hợp phần xử lý bên trong của bạn chỉ có một dòng thì bạn cũng có thể bỏ luôn cả dấu ngoặc nhọn đi cũng được.

JavaScript

Toán tử  3 ngôi

Cú phápÝ nghĩa
điều kiện ? xử lý nếu đk đúng : xử lý nếu đk sai Khai báo câu điều kiện bằng toán tử 3 ngôi

Trong thực tế rất nhiều trường hợp chúng ta sử dụng toán tử 3 ngôi để viết thức xét điều kiện.Bạn hãy quan sát hai ví dụ dưới đây để hiểu rõ cách viết thức điều kiện sử dụng toán tử 3 ngôi trong JavaScript nhé.

JavaScript

Ví dụ trên đây là câu điều kiện if – else thông thường mà bạn đã gặp.Giờ chúng ta sẽ viết lại nó bằng cách sử dụng toán tử 3 ngôi.

JavaScript

Trên đây là câu lệnh if – else sau khi được viết lại bằng toán tử 3 ngôi.

JavaScript

Thực ra toán tử 3 ngôi có thể viết gọn trên 1 dòng như thế này.

Kết luận

Câu điều kiện if – else là một trong những câu lệnh được dùng nhiều nhất trong JavaScript.Trong bài viết này đều là những ví dụ cực kì cơ bản để bạn hiểu rõ cách hoạt động cũng như cách viết câu lệnh if – else.

Để thành thạo câu lệnh if – else trước tiên bạn hãy tự code lại những ví dụ trong bài sau đó tự sáng tạo thêm code cho mình.Nếu có gì thắc mắc bạn đừng ngần ngại hãy để lại bình luận để mình trợ giúp bạn.

Đừng bỏ lỡ các bài viết sắp tới về JavaScript trên blog của mình nhé.Chúc các bạn học tập tốt và sớm thành công.

Bài viết trước

 

 

 

 

Nếu bạn thấy bài viết này hay và có ích thì bạn có thể ủng hộ blog của mình bằng một trong số những cách sau để mình có thêm động lực xuất bản nhiều bài viết mới chất lượng hơn nữa.

  • Chia sẻ bài viết này lên mạng xã hội qua các nút bên dưới đây.
  • Thả tim ở ngay cuối cùng bài viết này.
  • Đăng kí nhận thông báo bài viết mới bằng cách nhấn vào chuông đỏ góc dưới cùng bên trái.
  • Đánh giá chất lượng bài viết bằng sao ở trên cùng bài viết này.

Tìm kiếm bài viết trên blog với Google Search :

Bài viết có thể bạn sẽ thích

guest
0 Comments
Inline Feedbacks
View all comments
0
Hãy cùng thảo luận về bài viếtx
()
x