>웹 프론트엔드 >JS 튜토리얼 >구문 강조를 사용하여 JSON을 예쁘게 인쇄하려면 어떻게 해야 합니까?

구문 강조를 사용하여 JSON을 예쁘게 인쇄하려면 어떻게 해야 합니까?

DDD
DDD원래의
2024-12-15 18:19:14529검색

How Can I Pretty-Print JSON with Syntax Highlighting?

JSON을 사람이 읽을 수 있는 형식으로 표시: Pretty-printing

Pretty-Printing을 통해 JSON을 시각적으로 더 매력적이고 사람이 읽을 수 있는 형식으로 변환할 수 있습니다. 이 메서드는 들여쓰기와 공백을 활용하여 가독성을 높이고 색상이나 글꼴 스타일을 포함할 수도 있습니다.

기본 JSON.stringify() 메서드

JSON.stringify()는 기본적으로 예쁜 인쇄 기능을 통합합니다. 세 번째 인수를 지정하면 예쁜 인쇄를 활성화하고 들여쓰기 수준을 정의할 수 있습니다.

var str = JSON.stringify(obj, null, 2); // sets spacing to 2

정규 표현식을 사용한 구문 강조

예쁜 인쇄 JSON에 구문 강조를 통합하려면 다음을 수행하세요. 정규식의 힘을 활용할 수 있습니다.

function syntaxHighlight(json) {
  // ... regular expression magic goes here ...
}

본격화 예

다음은 Pretty-printing과 함께 구문 강조를 보여주는 완전한 예입니다.

function output(inp) {
  document.body.appendChild(document.createElement('pre')).innerHTML = inp;
}

function syntaxHighlight(json) {
  // ... regular expression magic goes here ...
}

var obj = { ... };
var str = JSON.stringify(obj, undefined, 4);

output(str);
output(syntaxHighlight(str));

이 예는 들여쓰기 및 구문 강조가 적용된 Pretty-printing을 보여줍니다.

위 내용은 구문 강조를 사용하여 JSON을 예쁘게 인쇄하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.