JSON 데이터 정렬하여 보기, JSON Tree 구조 보기

JSON 데이터 정렬하여 보기


// java 소스에서 json 데이터를 보기 쉽게 정렬하기 

String myContentData = "";
JSONParser jsonParse = new JSONParser(); //JSONParse에 json데이터를 넣어 파싱한 다음 JSONObject로 변환한다. 
JSONObject jsonObj = (JSONObject) jsonParse.parse(myContentData); 
                
ObjectMapper mapper = new ObjectMapper();
String contentData = mapper.writerWithDefaultPrettyPrinter().writeValueAsString(jsonObj);  // json 데이터 보기쉽게 정렬 

 

// javascript 소스에서 json 데이터를 보기 쉽게 정렬하기

var myPath = $("#json-path").text();  // ex) JSONObject['Task'][0]['Guide']
var myVal = $("#json-val").val();  // ex) Hello~
var cData = $('textarea[name=contentData]').val();  // json data
var JSONObject = JSON.parse(cData);

var pattern =  /\w+\[|\]\[|\]/g; 
console.log(myPath.split(pattern));  // n+2개 
var indexList = myPath.split(pattern);
for(var i = 0; i < indexList.length; i++){
	indexList[i] = indexList[i].replace(/'/gi,""); // ' 값 모두 제거
}
console.log(indexList);   
// 특정한 json 데이터 값 교체 
if(indexList.length == 4){
	JSONObject[indexList[1]][indexList[2]] = myVal;
}else if(indexList.length == 5){
	JSONObject[indexList[1]][indexList[2]][indexList[3]] = myVal;
}else if(indexList.length == 6){
	JSONObject[indexList[1]][indexList[2]][indexList[3]][indexList[4]] = myVal;
}else if(indexList.length == 7){
	JSONObject[indexList[1]][indexList[2]][indexList[3]][indexList[4]][indexList[5]] = myVal;
}

//$('textarea[name=contentData]').val(JSON.stringify(JSONObject, null, "\t")); // 탭 크기 간격 정렬
$('textarea[name=contentData]').val(JSON.stringify(JSONObject, null, 2));  // 빈공간2크기 간격 정렬

 

 

JSON formatter 사이트 ( json 데이터를 정렬하여 포멧을 맞추어 주는 사이트 )

https://jsonformatter.org/

Best JSON Formatter and JSON Validator: Online JSON Formatter

 

JSON String을 JSON Tree 구조로 변경해주는 사이트 

https://online-toolz.com/tools/json-editor.php

JSON Editor Online | View, Edit & Format JSON online - Online Toolz