JavaScript Pretty Print JSON
Valentine Kagwiria
2023년10월12일
-
JSON.stringify()를 사용하여 JavaScript에서 JSON 예쁜 인쇄 - JSON 구문 강조
-
JSON.parse()를 사용하여 JavaScript에서 JSON 예쁜 인쇄 - JSON 배열 사용
이 기사에서는 JavaScript에서 JSON을 예쁘게 인쇄하는 방법에 대해 설명합니다.
JSON.stringify()를 사용하여 JavaScript에서 JSON 예쁜 인쇄
JSON.stringify()인수를 사용하면 내용을 예쁘게 인쇄 할 수 있고 사용자가 가독성에 맞는 간격을 설정할 수 있습니다.
다음과 같이 문자열 변수를 설정하여이를 수행 할 수 있습니다.
var prettyString = JSON.stringify(obj, null, 2); // spacing level = 1.5
JSON 구문 강조
JSON 구문을 강조해야하는 경우 함수를 만들고 정규식 코드를 포함해야합니다.
function prettyString(json) {
if (typeof json != 'string') {
json = JSON.stringify(json, undefined, 2);
}
json =
json.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>');
return json.replace(
/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?)/g,
function(match) {
var str1 = 'number';
if (/^"/.test(match)) {
if (/:$/.test(match)) {
str1 = 'key';
} else {
str1 = 'string';
}
} else if (/true|false/.test(match)) {
str1 = 'boolean';
} else if (/null/.test(match)) {
str1 = 'null';
}
return '<span class="' + str1 + '">' + match + '</span>';
});
}
JSON.parse()를 사용하여 JavaScript에서 JSON 예쁜 인쇄
위의 방법은json.stringify()를 사용하고 JSON 객체에서는 훌륭하게 작동하지만 JSON 문자열에서는 작동하지 않습니다. JSON 문자열을 예쁘게 인쇄하려면 먼저이를 객체로 변환해야합니다.
var string1 = '{"program":"code"}';
var prettyPrint = JSON.stringify(JSON.parse(string1), null, 2);
HTML 태그<pre>및</pre>에서 문자열을 래핑하여 제대로 표시되도록합니다.
JSON 배열 사용
또는 JavaScript에서 JSON 배열을 사용할 수 있습니다. 간단하고 추가 계산이 필요하지 않으므로 특히 여러 번 반복 될 때 프로그램 속도가 느려질 수 있습니다.
예를 들면 :
JSON.stringify(jsonobj, null, '\t')
<pre>및</pre>태그에서도 사용해야합니다.