[Operator] JS - typeof 연산자 - 데이터타입 반환/확인/체크 (= typeof연산자 = 타입어브연산자/타입어브키워드) ※ typeof키워드/타입오브키워드/타입어브어브키워드

typeof 연산자

 

변수의 데이터타입 반환.

 

---

[예제1]

 

<p id="demo"></p>

<script>

document.getElementById("demo").innerHTML = 

typeof "" + " / " + typeof "홈짱닷컴" + " / " + typeof "Homzzang.com"; 

// string / string / string

</script>

결과보기

---

[예제2]

 

<p id="homzzang"></p>

<script>

var x = 3 + 4 + 5; // 12 :  (number) 모두 숫자로 덧셈 연산 진행.

var y = "3" + 4 + 5; // 345 : (string) 문자열로 시작 시, 각각을 모두 문자로 인식. 

var z = 3 + 4 + "5"; // 75 : (string) 숫자로 시작 시, 숫자와 문자 결합으로 인식.

  

var x_type = typeof(x); // number

var y_type = typeof(y); // 345

var z_type = typeof(z); // 75

document.getElementById("homzzang").innerHTML =

  x + " (" + x_type + ") / " + // 12 (number)

  y + " (" + y_type + ") / " + // 345 (string)

  z + " (" + z_type + ") ";    // 75 (string)

</script>

 

결과보기

typeof 예제 - 변수의 데이터타입 반환

 

<input type="text" id="hz" name="hz" value="홈짱닷컴 Homzzang.com"><br>

<script>

hz = hz.value;

document.write(hz + "<br>");

document.write(typeof hz);

</script>

 

결과보기