<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>자료형 확인하기</title>
</head>
<body>
<script type="text/javascript">
var a=null;
var b=[1,2,3];
var c={one:1,two:2,three:3};
console.log(typeof a); // typeof 를 쓰면 null도 object로 출력됨
console.log(typeof b);
console.log(typeof c);
var x=12;
var y='12';
console.log(x,' ',typeof x);
console.log(y,' ',typeof y);
console.log(x==y); // '값'만 비교
console.log(x===y); // === 세개를 같이 써야 '자료형'까지 비교
</script>
</body>
</html>
수행결과
여기서 볼 것은 typeof 와 ==, ===의 비교연산자다
먼저 typeof
null이라는 것도 object 타입이기 때문에, null이여도 타입인 object type을 확인할 수 있다.
또, x = 12; , y= '12'; 를 보게 되면
x는 숫자(number) 로 type이 정의된 것을 볼 수 있고
y는 문자열(string) 로 type이 정의된 것을 확인 할 수 있다.
그리고 ==, === 연산자의 차이는
==는 x 와 y의 값만 비교해서 같은 12 라는 것으로 판단하여 true를 return하지만
===는 x와y의 값 뿐만 아니라 type까지 비교해서 false를 return 하는것을 볼 수 있다.
'개발자노트 > 웹' 카테고리의 다른 글
| HTML 배열과 관련 배열함수 (0) | 2022.07.25 |
|---|---|
| HTML 제어문 (0) | 2022.07.25 |
| HTML 변수선언과 자료형 + Uncaught ReferenceError (0) | 2022.07.25 |
| HTML JS(내부스크립트, onclick ) 함수사용 기본예제 (0) | 2022.07.25 |
| HTML 외부 Script [JS] 불러오기 (0) | 2022.07.25 |
