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

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

분류 제목
Basic JS - Common Mistakes -
Basic JS - Performance -
Basic JS - Reserved Words -
Basic JS - Versions -
Basic JS - JSON (제이슨) - 데이터 전송 위한 가벼운 자료 형식.
Form JS - Forms - 폼양식 유효성 제어
Form JS - Forms API - 폼유효성
Object JS - Object - 객체개념(=객체의미=객체정의) ★ 3
Object JS - Object Property - 객체속성 ★
Object JS - Object Methods - 객체메서드 ★
Object JS - Object Accessors - 객체접근자 (Getter/Setter = 게러/세러 = 게터/세터… 2
Functions JS - Function Definition - 함수선언방법 + 함수호출방법 ★★★ (= 함수구문 + 함수특…
Functions JS - Function Parameter/argument - 함수 (매개변수/독립변수) ※ 변수 종류 ※ …
Functions JS - Function Invocation - 함수호출방법1 = (함수방식 + 메서드방식 + 함수생성자방…
Functions JS - call() 메서드 - 함수호출방법2 (= call메서드 = 콜메서드)
DOM JS - DOM (= 돔 = 문서객체모델) 정의
DOM JS - Method - 메서드 (= HTML 요소에 대한 수행 작업)
DOM JS - Document - 문서객체
DOM JS - Element Selector - 주요 요소선택자 (= 객체찾기) ※ JS외부링크호출 주의사항
DOM JS - HTML - 내용입력/내용변경/속성값변경(=속성값입력)
3/67
목록
찾아주셔서 감사합니다. Since 2012