반응형
[JS] 값 비교하기(==, ===)
자바스크립트에서 값을 비교하는 방법은 ==와 === 두가지 방법이 존재한다.
각각이 다른 점이 무엇인지 알아본다.
변수에 대해 알고 있다면 이해가 쉽다.
==
==는 값을 비교한다. 이 때의 값은 숫자로 간단하게 확인할 수 있다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>== 비교</title>
</head>
<body>
</body>
<script>
var a = 1234;
var b = "1234";
document.write(a == b);
</script>
</html>
See the Pen 값비교 == by Heekng (@heekng) on CodePen.
자바스크립트에서 변수는 타입을 정하지 않고 선언한다고 하였다.
때문에 "1234"와 1234는 자체적으로 숫자라고 알고있기 때문에 값을 비교하는 ==은 서로 같은 값이라고 판단한다.
===
===은 값과 타입을 모두 비교한다. 같은 방법으로 확인해보자.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>=== 비교</title>
</head>
<body>
</body>
<script>
var a = 1234;
var b = "1234";
document.write(a === b);
</script>
</html>
See the Pen 타입, 값 비교 === by Heekng (@heekng) on CodePen.
1234는 NUMBER타입이고, "1234"은 문자열 타입이기 때문에 값과 타입을 모두 비교하는 ===는 각각을 다른 값이라고 판단하여 false를 나타낸다.
반응형
'JS & TS > Javascipt' 카테고리의 다른 글
[JS] DOM 객체, 프로퍼티 (0) | 2021.02.14 |
---|---|
[JS] 객체, 프로토타입, property (0) | 2021.02.13 |
[JS] 함수 function (0) | 2021.02.12 |
[JS] 데이터타입, 변수, 상수 (0) | 2021.02.12 |
[JS] 자바스크립트로 본문에 코드 추가하기 (0) | 2021.02.11 |
[JS] 다이얼로그 사용하기 (0) | 2021.02.11 |