Làm cách nào để kiểm tra xem hai giá trị có giống nhau trong html không?

Các toán tử so sánh được sử dụng trong các câu lệnh logic để xác định sự bằng nhau hoặc khác biệt giữa các biến hoặc giá trị

Cho rằng x = 5, bảng dưới đây giải thích các toán tử so sánh

Làm thế nào có thể sử dụng nó

Các toán tử so sánh có thể được sử dụng trong các câu lệnh có điều kiện để so sánh các giá trị và thực hiện hành động tùy thuộc vào kết quả

if (tuổi < 18) text = "Còn quá trẻ để mua rượu";

Bạn sẽ tìm hiểu thêm về cách sử dụng các câu điều kiện trong chương tiếp theo của hướng dẫn này

Toán tử logic được sử dụng để xác định logic giữa các biến hoặc giá trị

Cho rằng x = 6 và y = 3, bảng dưới đây giải thích các toán tử logic

Toán tử Mô tảVí dụHãy thử&&and(x < 10 && y > 1) là đúngHãy thử ». hoặc (x == 5. y == 5) là saiHãy thử ». không phải. (x == y) là đúngHãy thử »

Toán tử có điều kiện (Tternary)

JavaScript cũng chứa một toán tử có điều kiện gán giá trị cho một biến dựa trên một số điều kiện

cú pháp

tên biến = (điều kiện)? . giá trị2

Ví dụ

Nếu biến age có giá trị dưới 18 thì giá trị của biến voteable sẽ là "Quá trẻ", ngược lại giá trị của biến voteable sẽ là "Đủ tuổi"

So sánh các loại khác nhau

So sánh dữ liệu của các loại khác nhau có thể cho kết quả không mong muốn

Khi so sánh một chuỗi với một số, JavaScript sẽ chuyển đổi chuỗi thành một số khi thực hiện so sánh. Một chuỗi rỗng chuyển đổi thành 0. Một chuỗi không phải là số chuyển đổi thành NaN luôn là false

Khi so sánh hai chuỗi, "2" sẽ lớn hơn "12", bởi vì (theo bảng chữ cái) 1 nhỏ hơn 2

Để đảm bảo kết quả phù hợp, các biến phải được chuyển đổi thành loại phù hợp trước khi so sánh

age = Number(age);
if (isNaN(age)) {
  voteable = "Đầu vào không phải là số";
} else {
  voteable = (age < 18) ? "Too young" : "Old enough";
}

Toán tử hợp nhất Nullish (??)

Toán tử ?? trả về đối số đầu tiên nếu nó không nullish (null hoặc true0)

Nếu không, nó trả về đối số thứ hai

Ví dụ

let name = null;
let text = "missing";
let result = name ??

Toán tử nullish được hỗ trợ trong tất cả các trình duyệt kể từ tháng 3 năm 2020

Chrome 80Edge 80Firefox 72Safari 13. 1Opera 67 Th02 2020 Th02 2020 Th01 2020 Th03 2020 Th03 2020

Toán tử chuỗi tùy chọn (?. )

Toán tử true1 trả về true0 nếu một đối tượng là true0 hoặc null (thay vì đưa ra lỗi)

Ví dụ

//Tạo đối tượng.
const xe = {type. "Fiat", mô hình. "500", màu. "white"};
// Hỏi tên xe.
tài liệu. getElementById("bản trình diễn"). bên trongHTML = ô tô?. tên;

Toán tử chuỗi tùy chọn được hỗ trợ trong tất cả các trình duyệt kể từ tháng 3 năm 2020

Chrome 80Edge 80Firefox 72Safari 13. 1Opera 67 Th02 2020 Th02 2020 Th01 2020 Th03 2020 Th03 2020

Kiểm tra bản thân với các bài tập

Tập thể dục

Chọn toán tử so sánh chính xác để cảnh báo true, khi true6 lớn hơn true7

❮ Từ khóa Python

Ví dụ

Kiểm tra xem hai đối tượng có phải là cùng một đối tượng không

x = ["táo", "chuối", "anh đào"]

y = x

in(x là y)

Định nghĩa và cách sử dụng

Từ khóa

console.log(5 == 10);
// expected output: false
console.log(10 === 10);
// expected output: true
console.log(10 ==='10');
// expected output: false

console.log(5 > 10);
// expected output: false
console.log(5 >= 5);
// expected output: false

console.log(5 < 10);
// expected output: true
console.log(5 <= 5);
// expected output: true

Kiểm tra trả về True nếu hai đối tượng là cùng một đối tượng

Kiểm tra trả về Sai nếu chúng không phải là cùng một đối tượng, ngay cả khi hai đối tượng bằng nhau 100%

Sử dụng toán tử == để kiểm tra xem hai biến có bằng nhau không

Thêm ví dụ

Ví dụ

Kiểm tra hai đối tượng bằng nhau, nhưng không phải cùng một đối tượng

x = ["táo", "chuối", "anh đào"]

y = ["táo", "chuối", "anh đào"]

in(x là y)

❮ Từ khóa Python

Trong hướng dẫn này, bạn sẽ tìm hiểu về JavaScript không bằng toán tử và các toán tử So sánh khác cùng với các ví dụ

Mục lục - JavaScript không bình đẳng

• Toán tử so sánh trong JS là gì?
• Là gì ". =” trong JS?
• Các toán tử so sánh khác
• Bớt tư tưởng

Toán tử so sánh trong JS là gì?

Toán tử so sánh trong ngôn ngữ lập trình dùng để so sánh hai giá trị. Các toán tử này trả về một giá trị boolean (đúng hoặc sai) dựa trên điều kiện. Do đó, các toán tử này được sử dụng trong quá trình ra quyết định hoặc làm câu lệnh điều kiện cho các vòng lặp

Với mức độ sử dụng rộng rãi của nó, mọi nhà phát triển nên hiểu chức năng của từng toán tử. Bài viết này là một điểm khởi đầu tốt cho bài viết tương tự, tuy nhiên, chúng tôi nhấn mạnh nhiều hơn về JavaScript không bằng nhau (. = &. ==) toán tử

Là gì ". =” trong JS?

Toán tử JavaScript không bằng hoặc bất đẳng thức (. =) kiểm tra xem hai giá trị có bằng nhau hay không và trả về giá trị boolean. Toán tử này cố gắng so sánh các giá trị bất kể chúng có thuộc các loại khác nhau hay không

Tuy nhiên, “. ==” hoặc Toán tử bất đẳng thức nghiêm ngặt không cố gắng làm như vậy và trả về false nếu các giá trị không bằng nhau hoặc thuộc các loại khác nhau

Cả hai toán tử này giải quyết các mục đích khác nhau và do đó tôi khuyên bạn nên thực hành chúng để tạo điều kiện hiểu thêm

Mã và giải thích

console.log(5 != 10);
// expected output: true

console.log(10 != 10);
// expected output: false

console.log(10 != '10');
// expected output: false

console.log(10 !== '10');
// expected output: true

Trong trường hợp đầu tiên, nó trả về true vì các giá trị khác nhau. Trong trường hợp thứ hai và thứ ba, nó trả về sai vì các giá trị giống nhau. Xin lưu ý rằng trong trường hợp sau mặc dù chúng ta đã chuyển 10 dưới dạng một chuỗi nhưng toán tử vẫn có thể so sánh cả hai giá trị

Trong trường hợp cuối cùng, chúng tôi đã sử dụng toán tử bất đẳng thức nghiêm ngặt và nó trả về true vì các giá trị thuộc các loại khác nhau

Các toán tử so sánh khác

Ngoài các toán tử JavaScript không bằng nhau và bất đẳng thức nghiêm ngặt, chúng tôi có một vài toán tử khác giải quyết các trường hợp sử dụng khác nhau. Chúng tôi đã thêm một bản tóm tắt về họ dưới đây

• Equal to (==) - Kiểm tra 2 giá trị có bằng nhau không
• Strict equal to (===) - Kiểm tra hai giá trị bằng nhau và cùng kiểu
• Lớn hơn (>) - Kiểm tra xem giá trị bên trái có lớn hơn giá trị bên phải không
• Lớn hơn hoặc bằng (>=) - Kiểm tra xem giá trị có lớn hơn hoặc bằng giá trị bên phải không
• Nhỏ hơn (<) - Kiểm tra xem giá trị bên trái có nhỏ hơn giá trị bên phải không
• Nhỏ hơn hoặc bằng (<=) - Kiểm tra xem giá trị có nhỏ hơn hoặc bằng giá trị bên phải không

Mã và giải thích

console.log(5 == 10);
// expected output: false
console.log(10 === 10);
// expected output: true
console.log(10 ==='10');
// expected output: false

console.log(5 > 10);
// expected output: false
console.log(5 >= 5);
// expected output: false

console.log(5 < 10);
// expected output: true
console.log(5 <= 5);
// expected output: true

Suy nghĩ kết thúc - JavaScript không bằng nhau

Trong hướng dẫn này, chúng tôi đã đề cập đến JavaScript không bằng nhau và các toán tử so sánh khác. Bước tiếp theo, hãy dành thời gian thực hành để người vận hành hiểu chúng khác nhau như thế nào và cũng thử phá vỡ chúng

Phương pháp nào xác định nếu hai giá trị giống nhau?

=== và == trong JavaScript là gì?

Có bao giờ a == 1 && a == 2 && a == 3 có thể đánh giá là đúng trong JavaScript không?

Khi nào nên sử dụng === trong JavaScript?