투케이2K

30. (javascript/자바스크립트) JSON Object Array 객체 생성 및 데이터 파싱 수행 실시 본문

JavaScript

30. (javascript/자바스크립트) JSON Object Array 객체 생성 및 데이터 파싱 수행 실시

투케이2K 2021. 6. 7. 08:28

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

[ 개발 환경 설정 ]

개발 툴 : Edit++

개발 언어 : javascript

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

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

[소스 코드]

 

    <script>
    	/* 
    	[JS 요약 설명]
    	1. JSON은 자바스크립트의 객체 표기법을 제한하여 만든 텍스트 기반의 데이터 교환 표준입니다
    	2. JSON.stringify : 인수로 전달받은 자바스크립트 객체를 문자열로 변환하여 반환합니다
    	3. JSON.parse : 인수로 전달받은 문자열을 자바스크립트 객체로 변환하여 반환합니다
    	4. toJSON : JSON 형식의 문자열로 변환하여 반환합니다 (Date 객체에서 사용)
    	*/
    	
    	
    	/* 이벤트 함수 정의 */
    	function main() {
    		
    		/* 초기 변수 선언 */
    		var UserInfo_Object = {name : "투케이", age : 28};
    		var UserInfo_Array = ["투케이", 28];
    		
    		/* JSON.stringify : 객체를 문자열로 변환 수행 */
    		var obj = JSON.stringify(UserInfo_Object);
    		var arr = JSON.stringify(UserInfo_Array)
    		console.log("Object JSON : " + obj);
    		console.log("Array JSON : " + arr);
    		    		
    		/* JSON Object 파싱 실시 */    		
    		var object_parse = JSON.parse(obj);
    		console.log("Object Parse [total] : " + obj);
    		console.log("Object Parse [name] : " + object_parse.name);
    		console.log("Object Parse [age] : " + object_parse.age);
    		
    		/* JSON Array 파싱 실시 */
    		var arr_parse = JSON.parse(arr);    		
    		console.log("Array Parse [total] : " + arr);
    		console.log("Array Parse [length] : " + arr_parse.length);
    		for(var i=0; i<arr_parse.length; i++){
    			console.log("Array Parse : " + arr_parse[i]);
    		}
    		
    		/* Date toJSON 생성 실시 : YYYY-MM-DDTHH:mm:ss.sssZ 형식 */
    		var date = new Date();
    		var date_json = date.toJSON();
    		console.log("Date JSON : " + date_json);
    	};    	    	    
    	
    </script>

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

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

[결과 출력]

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

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

[요약 설명]

/*

[JS 요약 설명]

1. JSON은 자바스크립트의 객체 표기법을 제한하여 만든 텍스트 기반의 데이터 교환 표준입니다

2. JSON.stringify : 인수로 전달받은 자바스크립트 객체를 문자열로 변환하여 반환합니다

3. JSON.parse : 인수로 전달받은 문자열을 자바스크립트 객체로 변환하여 반환합니다

4. toJSON : JSON 형식의 문자열로 변환하여 반환합니다 (Date 객체에서 사용)

*/

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

반응형
Comments