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

Giải thích so sánh nghiêm ngặt trong tuyên bố chuyển đổi JavaScript?

Câu lệnh chuyển đổi JavaScript chỉ sử dụng so sánh chặt chẽ (===) và không chuyển đổi loại nếu không tìm thấy kết quả phù hợp bằng cách sử dụng so sánh chặt chẽ và sẽ thực thi ngay lập tức câu lệnh mặc định.

Sau đây là mã để so sánh chặt chẽ trong câu lệnh chuyển đổi 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;
   }
</style>
</head>
<body>
<h1>JavaScript Switch statement strict comparison</h1>
Enter day 1-7<input type="text" class="day" /><button class="Btn">
CHECK
</button>
<div style="color: green;" class="result"></div>
<h3>
Click on the above button to check if switch performs strict comparison or not
</h3>
<script>
   let dayVal = document.querySelector(".day");
   let resEle = document.querySelector(".result");
   document.querySelector(".Btn").addEventListener("click", () => {
      switch (dayVal.value) {
         case 1:
            resEle.innerHTML = "It's monday";
            break;
         case 2:
            resEle.innerHTML = "It's tuesday";
            break;
         case 3:
            resEle.innerHTML = "It's wednesday";
            break;
         case 4:
            resEle.innerHTML = "It's thursday";
            break;
         case 5:
            resEle.innerHTML = "It's friday";
            break;
         case 6:
            resEle.innerHTML = "It's saturday";
            break;
         case 7:
            resEle.innerHTML = "It's sunday";
            break;
         default:
            resEle.innerHTML = "Enter a value between 1 - 7";
            break;
      }
   });
</script>
</body>
</html>

Đầu ra

Đoạn mã trên sẽ tạo ra kết quả sau -

Giải thích so sánh nghiêm ngặt trong tuyên bố chuyển đổi JavaScript?

Khi nhập một số và nhấp vào “KIỂM TRA”, câu lệnh mặc định sẽ được gọi mọi lúc do công tắc luôn thực hiện so sánh chặt chẽ -

Giải thích so sánh nghiêm ngặt trong tuyên bố chuyển đổi JavaScript?