자바스크립트의 비교연산자 중 === 의 쓰임새를 알아봅니다.
=== 좌 우 값과 타입이 같은지를 구별할 때 사용됩니다.
쉬운 예로, X 변수에 5가 대입되어 있다면 5와 문자"5"는 같지 않기에 false라는 결과 값이 나옵니다.
C, JAVA 와는 조금 다른 형태를 취하고 있지만, "데이형 까지 비교해 주는구나" 하고 이해하면 됩니다.
예제를 만들어 봅니다.
X=5 를 입력하고 그 값을 문자 "5"와 비교하는 코드입니다.
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Operators</h2>
<h3>Comparison</h3>
<p>Assign 5 to x, and display the value of the comparison (x === "5").</p>
<p id="demo"></p>
<script>
let x = 5;
document.getElementById("demo").innerHTML = (x === "5");
</script>
</body>
</html>결과는, false 입니다.
스크립트 코드가 X===5로 수정된다면, 당연히 값과 데이터 타입도 숫자형으로 같기 때문에
<script>
let x = 5;
document.getElementById("demo").innerHTML = (x === 5);
</script>결과는 true 가 나옵니다.
값과 데이터 형까지 같은지 비교하기 위해서는
비교연산자 === (equal value and type)를 사용해야겠습니다. 감사합니다.
비교연산자에 대한 자세한 사항들은 W3 schools 내용을 참고 드립니다.
JavaScript Operators Reference
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com
반응형
'앱 만들기 > JavaScript study' 카테고리의 다른 글
| 자바 스크립트 != 비교 연산자 (1) | 2023.07.30 |
|---|---|
| 자바스크립트 비교연산자(==) (0) | 2023.07.29 |
| 브라우저 자바스크립트 활용하기 (2) | 2023.07.27 |
| 자바스크립트 HTML DOM 이란 (2) | 2023.07.26 |
| 자바스크립트 HTML 문서 제어하기 (2) | 2023.07.04 |
댓글