느슨한 항등 연산자 '=='를 사용하면 먼저 해당 값을 공통 유형으로 변환한 다음 두 피연산자가 동일한지 확인하여 둘 이상의 피연산자를 비교할 수 있습니다.
엄격한 항등 연산자 '==='를 사용하면 값과 유형 간의 동등성을 확인하여 둘 이상의 피연산자를 비교할 수 있습니다. 값과 유형이 모두 다른 피연산자와 일치하는 경우에만 true를 반환합니다.
다음은 JavaScript에서 느슨한 평등과 엄격한 평등에 대한 코드입니다.
예시
<!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> 출력
'여기를 클릭' 버튼을 클릭하면 -
