Rate this post

Toán tử so sánh trong JavaScript là các công cụ quan trọng giúp lập trình viên kiểm tra mối quan hệ giữa các giá trị. Chúng được sử dụng rộng rãi trong các điều kiện điều hướng và vòng lặp, giúp quyết định luồng thực thi của chương trình. Việc hiểu và sử dụng đúng các toán tử so sánh không chỉ giúp mã nguồn của bạn trở nên rõ ràng hơn mà còn tránh được các lỗi logic phổ biến.

Các loại toán tử so sánh

Toán tử so sánh bằng

Toán tử == so sánh hai giá trị về mặt bằng giá trị nhưng không so sánh kiểu dữ liệu, trong khi === so sánh cả giá trị lẫn kiểu dữ liệu.

Ví dụ:

  console.log(2 == '2');  // true
  console.log(2 === '2'); // false

Toán tử so sánh không bằng

Toán tử != kiểm tra xem hai giá trị có khác nhau về mặt giá trị không, trong khi !== kiểm tra cả giá trị và kiểu dữ liệu.

Ví dụ:

  console.log(2 != '2');  // false
  console.log(2 !== '2'); // true

Toán tử lớn hơn và nhỏ hơn

Các toán tử >, <, >=, <= được sử dụng để so sánh giá trị của hai biến.

Ví dụ:

  console.log(5 > 3);   // true
  console.log(5 < 3);   // false
  console.log(5 >= 5);  // true
  console.log(5 <= 3);  // false

So sánh bằng (==) và so sánh nghiêm ngặt (===)

So sánh bằng (==)

Toán tử == thực hiện so sánh giá trị sau khi chuyển đổi kiểu dữ liệu nếu cần thiết. Điều này có thể dẫn đến các kết quả bất ngờ nếu không cẩn thận.

Ví dụ:

  console.log('5' == 5); // true
  console.log(0 == false); // true

So sánh nghiêm ngặt (===)

Toán tử === so sánh cả giá trị và kiểu dữ liệu, giúp tránh các kết quả không mong muốn do việc chuyển đổi kiểu dữ liệu tự động.

Ví dụ:

  console.log('5' === 5); // false
  console.log(0 === false); // false

Toán tử không bằng (!=) và không bằng nghiêm ngặt (!==)

Không bằng (!=)

Toán tử != kiểm tra xem hai giá trị có khác nhau không, sau khi chuyển đổi kiểu dữ liệu nếu cần thiết.

Ví dụ:

  console.log('5' != 5); // false
  console.log(0 != false); // false

Không bằng nghiêm ngặt (!==)

Toán tử !== kiểm tra xem hai giá trị có khác nhau không, không thực hiện chuyển đổi kiểu dữ liệu.

Ví dụ:

  console.log('5' !== 5); // true
  console.log(0 !== false); // true

Toán tử lớn hơn, nhỏ hơn, lớn hơn hoặc bằng, nhỏ hơn hoặc bằng

Lớn hơn (>)

So sánh xem giá trị bên trái có lớn hơn giá trị bên phải không.

Ví dụ:

  console.log(10 > 5); // true

Nhỏ hơn (<)

So sánh xem giá trị bên trái có nhỏ hơn giá trị bên phải không.

Ví dụ:

  console.log(5 < 10); // true

Lớn hơn hoặc bằng (>=)

So sánh xem giá trị bên trái có lớn hơn hoặc bằng giá trị bên phải không.

Ví dụ:

  console.log(5 >= 5); // true

Nhỏ hơn hoặc bằng (<=)

So sánh xem giá trị bên trái có nhỏ hơn hoặc bằng giá trị bên phải không.

Ví dụ:

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

So sánh chuỗi

Trong JavaScript, chuỗi được so sánh dựa trên giá trị Unicode của từng ký tự.

Ví dụ:

  console.log('apple' > 'banana'); // false
  console.log('apple' < 'banana'); // true

So sánh với giá trị đặc biệt (null, undefined, NaN)

null và undefined

null và undefined chỉ bằng nhau khi sử dụng ==, nhưng khác nhau khi sử dụng ===.

Ví dụ:

  console.log(null == undefined); // true
  console.log(null === undefined); // false

NaN

NaN không bao giờ bằng bất kỳ giá trị nào, kể cả chính nó.

Ví dụ:

  console.log(NaN == NaN); // false
  console.log(NaN === NaN); // false

Ví dụ thực tế về toán tử so sánh

Kiểm tra đầu vào

Sử dụng toán tử so sánh để kiểm tra tính hợp lệ của đầu vào trong các biểu mẫu.

Ví dụ:

  function validateAge(age) {
    if (age >= 18) {
      return "You are eligible to vote.";
    } else {
      return "You are not eligible to vote.";
    }
  }

Điều kiện điều hướng

Sử dụng toán tử so sánh trong các điều kiện điều hướng để quyết định hành động tiếp theo.

Ví dụ:

  function redirectToPage(user) {
    if (user.isLoggedIn) {
      window.location.href = "dashboard.html";
    } else {
      window.location.href = "login.html";
    }
  }

Tài liệu tham khảo

Mozilla Developer Network (MDN): Comparison Operators
W3Schools: JavaScript Comparison and Logical Operators
JavaScript.info: Comparison

Kết luận

Toán tử so sánh trong JavaScript là công cụ mạnh mẽ giúp bạn kiểm tra mối quan hệ giữa các giá trị và điều hướng luồng chương trình. Hiểu và sử dụng đúng các toán tử này giúp bạn viết mã nguồn rõ ràng, tránh được các lỗi logic phổ biến. Hãy thực hành và áp dụng toán tử so sánh trong các dự án thực tế để nâng cao kỹ năng lập trình của bạn.

JavaScript

Toán tử so sánh trong JavaScript