Khi bạn đang tạo điều kiện trong mã JavaScript của mình, hầu hết thời gian, bạn đang sử dụng các câu lệnh truyền thống if
, else
và
// JavaScript traditional statement:
if [something] {
console.log['Yes']
} else {
console.log['No']
}
// JavaScript ternary statement:
something ? console.log['Yes'] : console.log['No']
// [condition] ? [if] : [else]
0Nhờ toán tử điều kiện trong JavaScript [còn gọi là toán tử bậc ba], bạn sẽ viết được câu lệnh tốc ký if
else
Nếu bạn thích nội dung video ngắn, bài viết này cũng có sẵn trên Youtube. 🎥
Cú pháp toán tử điều kiện [ba ngôi]
Điều kiện bậc ba trong JavaScript được đại diện bởi
// JavaScript traditional statement:
if [something] {
console.log['Yes']
} else {
console.log['No']
}
// JavaScript ternary statement:
something ? console.log['Yes'] : console.log['No']
// [condition] ? [if] : [else]
3 và const name = 'Julien'
// JavaScript if else shorthand:
const color = name === 'Julien' ? 'blue' : 'green'
// if the variable `name` is equals to "Julien" the colour is "blue" otherwise it's "green"
console.log[color]
// Output: "blue"
0 trong mã của bạnNếu bạn muốn hiểu nó hoạt động như thế nào, bạn có thể so sánh nó với một câu lệnh JavaScript ngắn if
else
// JavaScript traditional statement:
if [something] {
console.log['Yes']
} else {
console.log['No']
}
// JavaScript ternary statement:
something ? console.log['Yes'] : console.log['No']
// [condition] ? [if] : [else]
Tóm lại, toán tử điều kiện trong JavaScript là viết tắt của if
else
Dưới đây, bạn sẽ tìm thấy các ví dụ để hiểu cách thức và thời điểm sử dụng toán tử điều kiện này
JavaScript viết tắt if other
Mã dưới đây là trường hợp sử dụng phổ biến nhất. Nó xảy ra khi bạn có một điều kiện ngắn và bạn muốn giữ cho mã của mình ngắn gọn. Trong trường hợp đó, bạn có thể sử dụng câu lệnh if nội tuyến này
const name = 'Julien'
// JavaScript if else shorthand:
const color = name === 'Julien' ? 'blue' : 'green'
// if the variable `name` is equals to "Julien" the colour is "blue" otherwise it's "green"
console.log[color]
// Output: "blue"
Toán tử bậc ba với nhiều điều kiện
Toán tử điều kiện trong JavaScript cũng cho phép bạn tạo nhiều điều kiện
Dưới đây, bạn sẽ tìm thấy một ví dụ sử dụng toán tử bậc ba
const age = 20
// This multiple conditions with the ternary operator:
age 2 thì kết quả = Bkết quả khác = C
var marks = 8;
var result = [marks == 1] ? "A" : [marks == 2] ? "B" : "C";
console.log[result];
đầu ra
Hàm JS Ternary với nhiều điều kiện
Cùng mã với chức năng để dễ sử dụng. Phiên bản này khá dễ đọc
function foo[bar]{
var res= bar === 'a' ? 1 :
bar === 'b' ? 2 : 3;
return res;
}
console.log[foo["a"]];
đầu ra. 1
Một ví dụ khác để hiểu rõ hơn
Hàm JavaScript toán tử bậc ba nhiều điều kiện
function checkSign[num] {
return num > 0 ? "positive" : num < 0 ? "negative" : "zero";
}
console.log[checkSign[10]];
console.log[checkSign[-10]];
console.log[checkSign[0]];
đầu ra
Hãy bình luận nếu bạn có bất kỳ nghi ngờ và gợi ý nào về chủ đề dựa trên câu hỏi này
Ghi chú. Tất cả mã Ví dụ về JS đều được thử nghiệm trên trình duyệt Firefox và trình duyệt Chrome
hệ điều hành. cửa sổ 10
Mã số. Phiên bản HTML5
Rohit
Bằng cấp về Khoa học Máy tính và Kỹ sư. Nhà phát triển ứng dụng và có kinh nghiệm về nhiều ngôn ngữ lập trình. Đam mê công nghệ & thích học hỏi kỹ thuật
Chúng ta có thể sử dụng nhiều điều kiện trong JS toán tử bậc ba không?
Điều kiện lồng nhau
. Bạn có thể lồng hoặc xâu chuỗi nhiều điều kiện để thực hiện kiểm tra điều kiện tương tự như nếu. khác nếu. tuyên bố khác. multiple conditions can be used as part of a ternary operator's expressions. You can nest or chain more than one condition to perform condition checks similar to if...else if...else statements.
Làm cách nào để viết nhiều dòng trong JavaScript toán tử bậc ba?
Quy tắc này có tùy chọn chuỗi. . "luôn luôn" [mặc định] thực thi các dòng mới giữa các toán hạng của một biểu thức bậc ba "luôn luôn nhiều dòng" thực thi các dòng mới giữa các toán hạng của biểu thức bậc ba nếu biểu thức kéo dài nhiều dòng "không bao giờ" không cho phép dòng mới giữa các toán hạng của biểu thức bậc ba
Bạn có thể có nhiều toán tử bậc ba không?
Trong cú pháp trên, chúng ta có thể thấy cách chúng ta có thể sử dụng nhiều hơn một toán tử bậc ba trong một câu lệnh đơn lẻ . Dưới đây là một ví dụ giải thích cách chúng ta có thể sử dụng 2 toán tử bậc ba trong một câu lệnh.
Có bao nhiêu đối số mà một toán tử ternary mất?
Toán tử bậc ba lấy ba đối số. Đầu tiên là lập luận so sánh. Thứ hai là kết quả khi so sánh thực. Thứ ba là kết quả khi so sánh sai.