Notice
Recent Posts
Recent Comments
Link
투케이2K
62. (javascript/자바스크립트) jsonArray to jsonObject 형식 데이터 파싱 수행 실시 본문
/* =========================== */
[ 개발 환경 설정 ]
개발 툴 : 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 데이터를 파싱할 때 사용합니다
*/
/* =========================== */
반응형
'JavaScript' 카테고리의 다른 글
Comments