Nội tuyến nếu điều kiện trong html

Trong hướng dẫn này, chúng ta sẽ xem xét cách chúng ta có thể tạo kiểm tra if tối thiểu trong JavaScript bằng các kỹ thuật khác nhau

JavaScript Inline nếu sử dụng Toán tử bậc ba

Phương pháp phổ biến nhất và tốt nhất để giới thiệu câu lệnh if nội tuyến trong JavaScript là sử dụng toán tử bậc ba

Toán tử bậc ba sử dụng dấu hai chấm và dấu chấm hỏi để giới thiệu logic và hành động

Hãy để chúng tôi minh họa cách chúng ta có thể sử dụng toán tử bậc ba để tạo câu lệnh if nội tuyến

Giả sử chúng ta có hai số và chúng ta muốn lấy giá trị lớn nhất. Nếu không có toán tử ternary, chúng tôi sẽ viết mã như được hiển thị

let a = 10
let b = 2
if [a > b] {
    console.log[ a ]
 < . }
 else {
    console.log[ b ]
 < }

Tuy nhiên, sử dụng câu lệnh if nội tuyến, chúng ta có thể thu nhỏ đoạn mã trên thành một dòng như trong đoạn mã bên dưới

let a = 10
let b = 2
console.log[ a > b . ? a : b ];

Trong trường hợp này, chúng tôi sử dụng toán tử bậc ba để so sánh điều kiện mà chúng tôi muốn kiểm tra. Nếu a lớn hơn b, chúng ta an ủi. log[a] nếu không thì bảng điều khiển. nhật ký [b]

Chạy đoạn mã trên sẽ trả về kết quả như hình

$ nút nội tuyến. js
10

Như bạn có thể thấy, bằng cách sử dụng toán tử bậc ba, chúng ta có thể thu nhỏ câu lệnh if other thành một câu lệnh duy nhất

JavaScript nội tuyến nếu sử dụng toán tử logic

Phương pháp thứ hai bạn có thể sử dụng là toán tử logic và. Nó cho phép chúng tôi kết hợp điều kiện mà chúng tôi muốn kiểm tra và khối thực thi trong một dòng như được hiển thị

let a = 10
let b = 2
console.log[ a > b . && a || b ]

Ở đây, chúng ta có thể thấy logic và trong thực tế. Chúng tôi bắt đầu bằng cách chỉ định điều kiện mà chúng tôi muốn kiểm tra ở phía bên trái của toán tử. Nếu đúng, khối thực thi được chạy. Nếu không, hãy chạy thao tác bên phải

JavaScript Inline if [Nhiều điều kiện] Sử dụng Toán tử bậc ba

Bạn có thể hỏi, điều gì sẽ xảy ra nếu tôi có một điều kiện lồng nhau chẳng hạn như nhiều if. các khối khác?

let a = 10
let b = 2
console.log[ a > b . ? a : a