• 회원가입
  • 로그인
  • 구글아이디로 로그인

[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>

 

결과보기 

 

방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

분류 제목
Operator JS - 연산자 (Operator)
Operator JS - 산술연산자 (Arithmetic Operator)
Operator JS - 할당연산자 (Assignment Operator)
Operator JS - 문자열연산자 (= String Operator = 연결연산자 Concatenation Operato…
Operator JS - 비교연산자 (Comparison Operator)
Operator JS - 논리연산자 (Logical Operator)
Operator JS - 비트연산자 (Bitwise Operator)
Operator JS - typeof 연산자 - 데이터타입 반환/확인/체크 (= typeof연산자 = 타입어브연산자/타입어브…
Operator JS - delete 연산자 (delete Operator = 삭제연산자)
Operator JS - in 연산자 (in Operator = 포함연산자)
Operator JS - instanceof 연산자 (instanceof Operator = 인스턴스연산자)
Operator JS - void 연산자 (void Operator) + 클릭 배경색 변경
목록
찾아주셔서 감사합니다. Since 2012