Toán tử bậc ba trong JavaScript đánh giá một câu lệnh và trả về một trong hai giá trị. Một toán tử bậc ba có thể được hướng dẫn để trả về một giá trị nếu câu lệnh đánh giá là true hoặc false. Cú pháp của toán tử bậc ba là:câu lệnh? if_true:if_false;.
Có thể có những lúc bạn chỉ muốn một số mã nhất định chạy khi một số điều kiện nhất định được đáp ứng.
Ví dụ:giả sử bạn có trường ngày sinh trên trang web thương mại điện tử của mình. Giả sử bạn chỉ cho phép khách hàng trên 18 tuổi mua hàng trên trang web của bạn. Bạn sẽ muốn kiểm tra xem người dùng có ở độ tuổi phù hợp hay không trước khi họ sử dụng trang web của họ.
Kết quả tiềm năng là đúng hay sai, vì vậy chúng tôi có thể sử dụng toán tử bậc ba để kiểm tra xem người dùng có đúng tuổi hay không.
Trong hướng dẫn này, chúng ta sẽ thảo luận về cách sử dụng các toán tử bậc ba. Chúng tôi sẽ tham khảo một ví dụ để giúp bạn bắt đầu.
Toán tử bậc ba của JavaScript là gì?
Toán tử bậc ba trong JavaScript, được gọi là toán tử bậc ba có điều kiện, tương tự như câu lệnh if… else trong JavaScript. Một toán tử bậc ba kiểm tra xem một điều kiện có được đáp ứng hay không và thực hiện điều gì đó tùy thuộc vào việc điều kiện đó có được đáp ứng hay không.
Biểu thức bậc ba có cú pháp sau:
(condition) ? if true, then run : if false, then run
Một điều kiện xuất hiện trước, sau đó là một dấu chấm hỏi. Biểu thức đầu tiên sẽ thực thi nếu điều kiện được đáp ứng. Điều kiện thứ hai, điều kiện thứ hai sẽ thực hiện nếu điều kiện không được đáp ứng.
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ọ.
Quay lại Khái niệm cơ bản:Câu lệnh if
Toán tử điều kiện cơ bản nhất của JavaScript là câu lệnh “if”. Câu lệnh này cho phép thực thi một khối mã là một điều kiện được đáp ứng. Nếu không, chương trình sẽ thực thi nội dung của câu lệnh “else” tùy chọn.
Đây là một ví dụ về câu lệnh if. Chúng tôi sử dụng kịch bản của một trang web thương mại điện tử xác minh độ tuổi của người dùng mà chúng tôi đã thảo luận trước đó.
// Declare our customer object
let customer = {
name: "Joe",
age: 15
}
if (customer.age >= 18) {
user_is_right_age = true;
} else {
user_is_right_age = false;
}
Câu lệnh if của chúng tôi sẽ chạy và user_is_right_age sẽ được đặt thành false . Trước tiên, chương trình sẽ kiểm tra xem độ tuổi của khách hàng có từ 18 trở lên hay không. Vì người dùng chưa trên 18 tuổi nên mệnh đề else thực thi và đặt user_is_right_age thành sai .
Mặc dù mã này hoạt động, nó là rất nhiều mã! Chúng tôi mất năm dòng để xác minh độ tuổi của khách hàng.
Điều gì sẽ xảy ra nếu tôi nói với bạn rằng có một cách để thực hiện chức năng tương tự chỉ trong một dòng mã? Đó là nơi mà toán tử bậc ba ra đời.
Ví dụ về toán tử bậc ba trong JavaScript
Chúng ta có thể đơn giản hóa câu lệnh if trước đây của mình bằng cách sử dụng toán tử bậc ba:
user_is_right_age = customer.age >= 18 ? true : false;
Mã này, khi được thực thi, cho chúng ta kết quả giống như mã ở trên của chúng ta ( false ), nhưng ít dòng hơn. Nếu điều kiện là đúng — nếu tuổi của người dùng từ 18 trở lên — thì chương trình của chúng tôi sẽ trả về true .
Trong ví dụ chúng tôi đã sử dụng ở trên, chương trình của chúng tôi kiểm tra xem người dùng có đúng tuổi hay không. Mã của chúng tôi trả về false vì người dùng dưới 18 tuổi — điều kiện của chúng tôi không được đáp ứng.
Hãy chuyển sang một ví dụ khác. Giả sử chúng tôi muốn kiểm tra xem khách hàng trên trang web của chúng tôi có đủ điều kiện để chuyển phát nhanh hay không. Chúng tôi có thể làm điều này với một toán tử bậc ba JavaScript:
let userIsExpressCustomer = true; let shippingTimeForCustomer = userIsExpressCustomer ? 48 : 72;
Nhà điều hành cấp ba của chúng tôi sẽ kiểm tra xem người dùng có phải là khách hàng chuyển phát nhanh hay không, sau đó sẽ xác định thời gian vận chuyển cho người dùng. Như đã thấy ở trên, người dùng của chúng tôi là khách hàng nhanh, vì vậy điều kiện được đánh giá là đúng, họ được giao hàng trong 48 giờ. Nếu khách hàng của chúng tôi không phải là khách hàng nhanh, mã của chúng tôi sẽ đánh giá là sai. Vì vậy, khách hàng sẽ nhận được giao hàng trong 72 giờ.
Toán tử bậc ba JavaScript lồng nhau
Một toán tử bậc ba trong JavaScript lồng nhau là một toán tử bậc ba trong một bậc ba khác. Những câu lệnh này hữu ích nếu bạn muốn đánh giá nhiều hoạt động. Tuy nhiên, chúng có thể nhanh chóng trở nên khó đọc nếu bạn không cẩn thận.
Giả sử chúng tôi là một công ty thương mại điện tử cung cấp ba thời gian giao hàng:tiêu chuẩn (72), nhanh (48 giờ); và một ngày (24 giờ). Làm thế nào để chúng ta sử dụng một toán tử bậc ba trong trường hợp này, vì có ba lựa chọn? Chúng ta có nên sử dụng if… else tuyên bố thay thế?
Đừng lo lắng, bạn cũng có thể sử dụng toán tử bậc ba JS với ba biểu thức. Dưới đây là một ví dụ về ví dụ trên đang hoạt động:
let userIsExpressCustomer = false; let userIs24HourCustomer = true; let shippingTimeForCustomer = userIsExpressCustomer ? 48 : userIs24HourCustomer ? 24 : 72;
Trong trường hợp này, thời gian vận chuyển cho khách hàng của chúng tôi sẽ là 24 giờ. Trước tiên, chương trình này sẽ kiểm tra xem người dùng có phải là khách hàng nhanh hay không. Sau đó, nó sẽ kiểm tra xem họ có phải là khách hàng 24 giờ hay không, điều này có đúng không. Vì vậy, shippingTimeForCustomer biến được gán giá trị 24.
Nếu người dùng không phải là khách hàng chuyển phát nhanh hoặc 24 giờ, thời gian giao hàng của họ sẽ là 72 giờ.
Kết luận
Toán tử bậc ba trong JavaScript là một thay thế cho câu lệnh if khi bạn muốn đánh giá xem một điều kiện là đúng hay sai. Bạn có thể bao gồm nhiều toán tử bậc ba trong một toán tử khác.
Các câu lệnh điều kiện như toán tử bậc ba chỉ chạy mã nhất định khi các điều kiện cụ thể được đáp ứng. Chúng là một trong những thành phần quan trọng của hầu hết mọi ngôn ngữ lập trình và sẽ xuất hiện trong hầu hết mọi chương trình JavaScript mà bạn viết.
Bạn có muốn tìm hiểu thêm về JavaScript? Chúng tôi đã giúp bạn được bảo hiểm. Chúng tôi có một hướng dẫn đầy đủ về cách học JavaScript. Trong hướng dẫn này, bạn sẽ tìm thấy tất cả các tài nguyên cần thiết để nâng cao thêm kiến thức của mình về JavaScript.