Câu lệnh if… else trong JavaScript đánh giá liệu một điều kiện là đúng hay sai. Nếu một điều kiện được thực thi, the mã trong khối if thực thi. Nếu không, nội dung của khối khác sẽ thực thi. Khác… câu lệnh if cho phép bạn đánh giá nhiều điều kiện.
Sẽ có lúc bạn muốn các khối mã khác nhau chạy, tùy thuộc vào các yếu tố nhất định.
Đây là nơi xuất hiện các câu lệnh điều kiện. Các câu lệnh điều kiện là một phần quan trọng của tất cả các ngôn ngữ lập trình. Chúng chạy các khối mã nếu một điều kiện cụ thể được đáp ứng.
Trong hướng dẫn này, chúng ta sẽ xem xét cách sử dụng if… else trong mã của chúng tôi.
Trình làm mới câu lệnh có điều kiện
Như chúng ta đã thảo luận, câu lệnh điều kiện là một phần quan trọng của mọi ngôn ngữ lập trình. Bạn sẽ cần sử dụng câu lệnh có điều kiện để chạy mã nếu một điều kiện cụ thể được đáp ứng. Dưới đây là một số tình huống mà việc sử dụng câu lệnh điều kiện sẽ hữu ích:
- Kiểm tra xem mật khẩu của người dùng có khớp với mật khẩu trong hồ sơ hay không.
- Kiểm tra xem người dùng có tài khoản được liệt kê trong một địa chỉ email nhất định hay không.
- Gửi biểu mẫu nếu mọi trường đã được điền đầy đủ.
- Hiển thị danh sách các chương trình giảm giá vào dịp lễ nếu người dùng đã đăng nhập.
Chìa khóa cho tất cả các ví dụ này là chúng sử dụng từ nếu . Nếu điều gì đó xảy ra, thì điều gì đó khác sẽ xảy ra. Hãy khám phá cách chúng ta có thể sử dụng cùng một logic này trong JavaScript.
Câu lệnh JavaScript if
Một JavaScript Nếu câu lệnh đánh giá xem một câu lệnh là đúng hay sai. Câu lệnh if sẽ chỉ chạy nếu câu lệnh đúng. Nếu tuyên bố sai, không có gì xảy ra.
Nếu câu lệnh sử dụng if từ khóa. Sau câu lệnh if, bạn nên chỉ định một điều kiện — hoặc một tập hợp các điều kiện — trong dấu ngoặc thông thường. Nội dung của câu lệnh if và else xuất hiện trong dấu ngoặc nhọn.
81% người tham gia cho biết họ cảm thấy tự tin hơn về triển vọng công việc công nghệ của mình sau khi tham gia một cuộc thi đào tạo. Kết hợp với bootcamp ngay hôm nay.
Sinh viên tốt nghiệp bootcamp trung bình đã dành ít hơn sáu tháng để chuyển đổi nghề nghiệp, từ khi bắt đầu bootcamp đến khi tìm được công việc đầu tiên của họ.
Đây là cú pháp cho câu lệnh if trong JavaScript:
if (ourConditions) {
// The code that will execute if ourConditions are true
} if Statement JavaScript Ví dụ về JavaScript
Hãy sử dụng một ví dụ để minh họa nếu tuyên bố trong hành động. Chúng tôi đang xây dựng một trang web thương mại điện tử và chúng tôi cần đảm bảo rằng người dùng trên 16 tuổi trước khi mua hàng. Dưới đây là ví dụ về cách chúng tôi có thể xác minh độ tuổi của người dùng trước khi cho phép họ mua một mặt hàng tại cửa hàng của chúng tôi:
const userAge = 15;
if (userAge < 16) {
console.log("You are not old enough to make a purchase!");
} Mã của chúng tôi trả về như sau:
You are not old enough to make a purchase!
Sử dụng toán tử nhỏ hơn, chúng tôi kiểm tra xem tuổi của người dùng của chúng tôi có dưới 16 tuổi. Người dùng của chúng tôi là 15, có nghĩa là userAge <16 là đúng. Mã trong nếu của chúng tôi câu lệnh chạy.
Nhưng điều gì sẽ xảy ra nếu độ tuổi của người dùng của chúng tôi là 16? Nếu đúng như vậy, mã của chúng tôi sẽ không trả lại gì vì userAge <16 sẽ là sai. Mã trong nếu của chúng tôi tuyên bố bị bỏ qua. Chương trình của chúng tôi sẽ tiếp tục chạy.
Câu lệnh JavaScript if… else
Câu lệnh if… else trong JavaScript đánh giá xem một điều kiện có bằng true hay không. Nếu một điều kiện bằng false, câu lệnh else sẽ thực thi. Nếu không, nội dung của câu lệnh “if” sẽ chạy.
Cú pháp cho câu lệnh if… else là:
if (ourCondition) {
// Code will execute if the condition is true
} else {
// Code will execute if the condition is false
} Câu lệnh else xuất hiện sau tất cả các điều kiện if trong một câu lệnh. Chỉ một câu lệnh khác có thể xuất hiện trong câu lệnh if.
Để tìm hiểu thêm về JavaScript true và false, hãy đọc hướng dẫn của chúng tôi về JavaScript Booleans.
if… else Ví dụ JavaScript
Hãy sử dụng cùng một ví dụ từ cuộc thảo luận về câu lệnh if của chúng tôi trong đó chúng tôi kiểm tra độ tuổi của người dùng. Chúng tôi sẽ thêm một else tuyên bố để cho người dùng biết rằng giao dịch mua của họ đang diễn ra.
const userAge = 17;
if (userAge < 16) {
console.log("You are not old enough to make a purchase!");
} else {
console.log("Your purchase is being processed.");
}
Mã của chúng tôi trả về như sau:
Your purchase is being processed.
Chúng tôi khai báo một biến JavaScript có tên là “tuổi” theo dõi tuổi của người dùng của chúng tôi. Bởi vì người dùng của chúng tôi lớn hơn 16 tuổi, mã bỏ qua if câu lệnh và thực thi else mệnh đề. Nếu độ tuổi người dùng của chúng tôi là 12, thì mã trong else của chúng tôi mệnh đề sẽ không chạy.
Các câu lệnh khác có thể hữu ích trong nhiều ngữ cảnh khác nhau. Ví dụ:bạn có thể sử dụng một câu lệnh else để xử lý lỗi nếu một câu lệnh xuất hiện. Hoặc bạn có thể sử dụng một câu lệnh khác để xác minh nội dung của một biểu mẫu. Bạn có thể hiển thị cho người dùng một thông báo nếu họ đã điền nhầm hoặc không điền vào biểu mẫu.
JavaScript else… Câu lệnh if
Câu lệnh JavaScript else… if đánh giá liệu một trong nhiều điều kiện có đúng hay không. Mỗi câu lệnh if… else đánh giá một điều kiện mới. Nếu không có điều kiện nào được đáp ứng, không có gì xảy ra.
Đây là cú pháp để sử dụng nhiều câu lệnh else… if:
if (condition one) {
// Code will run if condition one is true
} else if (condition two) {
// Code will run if condition two is true
} else {
// Code will run if all the above conditions are false
}
Chương trình của chúng tôi sẽ chạy tất cả các câu lệnh theo thứ tự — bắt đầu với điều kiện một — và nếu không câu nào đúng, thì mã trong else của chúng tôi khối sẽ chạy.
Chúng tôi đã chỉ định một câu lệnh khác… if. Bạn có thể sử dụng bao nhiêu câu lệnh if khác… nếu bạn muốn với câu lệnh if. Trong mỗi câu lệnh, bạn nên chỉ định mã sẽ được thực thi nếu điều kiện cụ thể đó được đáp ứng.
else… if Ví dụ JavaScript
Hãy sử dụng một ví dụ để minh họa một else… if biểu thức điều kiện trong hành động. Giả sử bạn đang điều hành một rạp chiếu phim và muốn cung cấp cho khách hàng những mức giá khác nhau tùy thuộc vào độ tuổi của họ. Đây là giá bạn muốn sử dụng:
- Từ 10 tuổi trở xuống:$ 5.
- Độ tuổi 11-17:$ 8.
- Tuổi 18-64:$ 12.
- Từ 65 tuổi trở lên:$ 8.
Dưới đây là ví dụ về một chương trình sẽ kiểm tra độ tuổi của khách hàng và trả lại giá họ phải trả cho một vé:
var age = 27;
var ticketPrice = 0;
if (age <= 10) {
var ticketPrice = 5;
} else if (age >= 11 && age <= 17) {
var ticketPrice = 8;
} else if (age >= 18 && age <= 64) {
var ticketPrice = 12;
} else {
var ticketPrice = 8;
}
console.log(ticketPrice); Mã của chúng tôi trả về như sau:12.
Chúng tôi kiểm tra xem độ tuổi của người dùng là 10 hay dưới 10. Sau đó, chúng tôi kiểm tra xem người dùng của chúng tôi có ở độ tuổi từ 11 đến 17. Sau đó, chúng tôi kiểm tra xem người dùng có trong độ tuổi từ 18 đến 64 không. Vì người dùng của chúng tôi tuổi là 27, mã trong khối đó thực thi. Do đó, giá vé trở thành $ 12.
Kết luận
JavaScript nếu khác các câu lệnh cho phép chúng tôi xác định mã nào trong chương trình sẽ được chạy tùy thuộc vào các yếu tố nhất định được đáp ứng. Mọi ngôn ngữ lập trình đều sử dụng các câu lệnh điều kiện ở một mức độ nào đó để cung cấp logic trong mã.
Trong hướng dẫn này, chúng tôi đã thảo luận về cách sử dụng thẻ if , nếu khác và khác… nếu câu lệnh trong JavaScript. Bây giờ, bạn đã sẵn sàng để bắt đầu sử dụng các toán tử có điều kiện như một người chuyên nghiệp!
Nếu bạn đang tìm kiếm thêm tài nguyên học tập và hướng dẫn về các khóa học JavaScript hàng đầu, hãy đọc hướng dẫn Cách học JavaScript của chúng tôi.