Computer >> Máy Tính >  >> Lập trình >> Javascript

Bình đẳng nghiêm ngặt và bình đẳng lỏng lẻo trong JavaScript.

Toán tử bình đẳng lỏng lẻo ‘==’ cho phép chúng tôi so sánh hai hoặc nhiều toán hạng bằng cách chuyển đổi giá trị của chúng thành một kiểu chung trước rồi kiểm tra sự bằng nhau giữa chúng.

nhà điều hành bình đẳng nghiêm ngặt ‘===’ cho phép chúng tôi so sánh hai hoặc nhiều toán hạng bằng cách kiểm tra sự bình đẳng giữa các giá trị cũng như kiểu của chúng. Nó chỉ trả về true nếu cả hai giá trị và kiểu đều khớp với toán hạng khác.

Sau đây là mã cho bình đẳng lỏng lẻo và bình đẳng nghiêm ngặt trong JavaScript -

Ví dụ

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   .result {
      font-size: 20px;
      font-weight: 500;
      color: blueviolet;
   }
</style>
</head>
<body>
<h1>Strict equality vs Loose equality</h1>
<div class="result"></div>
<br />
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button see some comparisons using loose equality and strict equality</h3>
<script>
   let resEle = document.querySelector(".result");
   let BtnEle = document.querySelector(".Btn");
   BtnEle.addEventListener("click", () => {
      resEle.innerHTML = "According to loose equality <br>";
      if (1 == "1") {
         resEle.innerHTML += "1 is equal to '1'<br>";
      }
      if (undefined == null) {
         resEle.innerHTML += "undefined is equal to null <br>";
      }
      resEle.innerHTML += "<br>According to strict equality <br>";
      if (1 === "1") {
         resEle.innerHTML += "1 is equal to '1'<br>";
      } else {
         resEle.innerHTML += "1 is not equal to '1'<br>";
      }
      if (undefined === null) {
         resEle.innerHTML += "undefined is equal to null <br>";
      } else {
         resEle.innerHTML += "undefined is not equal to null <br>";
      }
   });
</script>
</body>
</html>

Đầu ra

Bình đẳng nghiêm ngặt và bình đẳng lỏng lẻo trong JavaScript.

Khi nhấp vào nút 'BẤM VÀO ĐÂY' -

Bình đẳng nghiêm ngặt và bình đẳng lỏng lẻo trong JavaScript.