본문 바로가기

프로그래밍/JavaScript

[자바스크립트] 'typeof', 데이터 타입을 알아보자!

 

 

 

 

 

 

 

 

typeof 연산자


▶▷ 알아두면 좋은 것들

document.write()

 

관련글

 

 다들 'typeof' 라는 연산자에 대해서 알고 계신가요?

"그거 함수가 아니냐?" 라고 하시는 분들은 이미 연산자를 사용해 보셨거나, 한번 즈음은 보신 분이라 생각합니다.

 

 typeof 는 연산자가 맞습니다. 물론 typeof()의 형태로 쓸 수 있기 때문에 함수라고도 볼 수 있죠.

1. typeof 변수 or

2. typeof(변수 or 값)

 

 네 위와 같이 쓸 수 있습니다.

그렇다면, 도대체 typeof 연산자는 무엇을 하는 연산자일까요?

 

 'typeof'의 연산자는 피 연산자, 즉, typeof 다음에 위치하게 되는 변수나 값이 어떤 타입(Type)을 가지는지 식별하여 보여줍니다.

 이와 유사한 것으로 instanceof가 있는데 이에 대한 것은 다음으로 미루도록 하구요.

 

'typeof'가 반환하는 값은 다음과 같습니다.

1. string

2. number

3. boolean

4. object : 'null' 값을 포함한 객체

5. function : 함수 타입의 피연산자

6. undefined : 값이 없는 즉, 정의되지 않은 피연산자

 

  'typeof'가 반환하는 값에 대한 자세한 것은, 밑의 소스를 보시면서 이해하는 것이 좋을 듯 합니다.


소스(Source)

소스다운 

 

<HTML>
<HEAD>
<TITLE>자바스크립트를 활용한 typeof 연산자의 확인</TITLE>
</HEAD>
<SCRIPT language="javaScript">
 
 var a="hi";
 var b=2;
 var c="hi"+1;
 var d="1"+"2";
 var e="3"-2;
 var f=true;
 var g="true";
 var h=new Date();
 var i=new Array();
 var j=null;
 var k;
 
 document.write("a의 타입은 "+ typeof a + "<br>");
 document.write("b의 타입은 "+ typeof b + "<br>");
 document.write("c의 타입은 "+ typeof c + "<br>");
 document.write("d의 타입은 "+ typeof d + "<br>");
 document.write("e의 타입은 "+ typeof e + "<br>");
 document.write("f의 타입은 "+ typeof f + "<br>");
 document.write("g의 타입은 "+ typeof g + "<br>");
 document.write("h의 타입은 "+ typeof h + "<br>");
 document.write("i의 타입은 "+ typeof i + "<br>");
 document.write("j의 타입은 "+ typeof j + "<br>");
 document.write("k의 타입은 "+ typeof ks + "<br>");
</SCRIPT>
<BODY>
</BODY>

</HTML>

 


결과화면

 

 

 

 

궁금하시거나 도움줄 말이 있으시면 댓글 부탁드립니다.

여러분의 댓글이 힘이됩니다. ^^