13. (jquery/제이쿼리) 타입 (type) 검사 메소드 사용해 데이터 타입 확인 실시

/* =========================== */

[ 개발 환경 설정 ]

​

개발 툴 : Edit++

개발 언어 : jquery

/* =========================== */

​

/* =========================== */

[소스 코드]

 

    <!-- Jquery CDN 로드 : 항상 최신 버전 사용 -->
    <script  src="https://code.jquery.com/jquery-latest.min.js"></script>


    <!-- 내부 JS 스타일 지정 -->
    <script>

    	/*
    	[JS 요약 설명]
    	1. 타입 검사 메소드 : 제이쿼리는 인수로 전달받은 값의 타입을 손쉽게 확인해 주는 메소드입니다
    	2. $.type : 특정 데이터 타입을 확인할 때 사용합니다
    	3. 타입 검사 메소드 종류 : 
    		- $.type() / $.isArray() / $.isFunction()
    		- $.isNumeric() / $.isEmptyObject() / $.isPlainObject()
    		- $.isWindow() / $.isXMLDoc()
    	*/


    	/* html 최초 로드 및 이벤트 상시 대기 실시 */
    	window.onload = function() {
    		console.log("");
    		console.log("window onload : start");
    		console.log("");    		
    	};
    	

    	/* 이벤트 함수 정의 */
    	function main(){
    		console.log("");
    		console.log("main : start");
    		console.log("");

    		// 초기 변수 선언 실시
    		var str_data = "hello";
    		var number_data = 10;
    		var boolean_data = false;
    		var null_data = null;
    		var arr_data = [10,20,30];

    		console.log("");
    		console.log("str_data : " + $.type(str_data)); 
    		console.log("number_data : " + $.type(number_data)); 
    		console.log("boolean_data : " + $.type(boolean_data)); 
    		console.log("null_data : " + $.type(null_data)); 
    		console.log("arr_data : " + $.type(arr_data)); 
    		console.log("");
    	};

    </script>

/* =========================== */

​

/* =========================== */

[결과 출력]

​

/* =========================== */

​

/* =========================== */

[요약 설명]

​

/*

[JS 요약 설명]

1. 타입 검사 메소드 : 제이쿼리는 인수로 전달받은 값의 타입을 손쉽게 확인해 주는 메소드입니다

2. $.type : 특정 데이터 타입을 확인할 때 사용합니다

3. 타입 검사 메소드 종류 :

    - $.type() / $.isArray() / $.isFunction()

    - $.isNumeric() / $.isEmptyObject() / $.isPlainObject()

    - $.isWindow() / $.isXMLDoc()

*/

/* =========================== */