투케이2K

62. (javascript/자바스크립트) jsonArray to jsonObject 형식 데이터 파싱 수행 실시 본문

JavaScript

62. (javascript/자바스크립트) jsonArray to jsonObject 형식 데이터 파싱 수행 실시

투케이2K 2021. 6. 15. 07:57

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

[ 개발 환경 설정 ]

개발 툴 : Edit++

개발 언어 : javascript

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

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

[소스 코드]

 

    <script>
    	/* 
    	[요약 설명]
    	1. JSON.stringify : json 데이터를 string 형식으로 표현해줍니다    	
    	2. jsonObject : {key : value} 형태입니다
    	3. jsonArray : [data, data] 형태입니다  
    	4. JSON.parse : json 데이터를 파싱할 때 사용합니다
    	*/
    	
    	
    	/* 이벤트 함수 정의 */
    	function main(){
    		console.log("[main] : [start]");    		
    		console.log("");
    		
    		//jsonObject 데이터 만들기 수행
    		var json_1_data = {"idx" : 1, "title" : "car", "cost" : 5000};
			console.log("[create] : [jsonObject]" + JSON.stringify(json_1_data));

			var json_2_data = {"idx" : 2, "title" : "food", "cost" : 1000};
			console.log("[create] : [jsonObject] : " + JSON.stringify(json_2_data));
			console.log("");
			
			//jsonArray 데이터 만들기 수행
			var json_array = [json_1_data, json_2_data];
			console.log("[create] : [jsonArray] : " + JSON.stringify(json_array));
			console.log("");			
			
			//jsonArray to jsonObject 형식 데이터 파싱 수행
			for(var i=0; i<json_array.length; i++){ //배열 값 순차적으로 확인
				var jsonObject = JSON.parse(JSON.stringify(json_array[i])); //각 배열에 있는 jsonObject 참조
				console.log("[parsing] : [idx] : " + jsonObject.idx);
				console.log("[parsing] : [title] : " + jsonObject.title);
				console.log("[parsing] : [cost] : " + jsonObject.cost);
				console.log("");				
			}

    	};	    	
    	
    </script>

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

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

[결과 출력]

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

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

[요약 설명]

/*

[요약 설명]

1. JSON.stringify : json 데이터를 string 형식으로 표현해줍니다

2. jsonObject : {key : value} 형태입니다

3. jsonArray : [data, data] 형태입니다

4. JSON.parse : json 데이터를 파싱할 때 사용합니다

*/

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

 

반응형
Comments