Heim >Web-Frontend >js-Tutorial >Wie kann ich JSON mit Syntaxhervorhebung hübsch drucken?

Wie kann ich JSON mit Syntaxhervorhebung hübsch drucken?

DDD
DDDOriginal
2024-12-15 18:19:14531Durchsuche

How Can I Pretty-Print JSON with Syntax Highlighting?

JSON in einem für Menschen lesbaren Format anzeigen: Pretty-Printing

Die Umwandlung von JSON in ein optisch ansprechenderes und für Menschen lesbares Format kann durch Pretty-Printing erreicht werden. Diese Methode verbessert die Lesbarkeit durch die Verwendung von Einrückungen und Leerzeichen und kann sogar Farben oder Schriftarten enthalten.

Native JSON.stringify()-Methode

JSON.stringify() integriert nativ Pretty-Printing-Funktionen. Durch die Angabe eines dritten Arguments können Sie Pretty-Printing aktivieren und die Einrückungsebene definieren.

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

Syntaxhervorhebung mit regulären Ausdrücken

Um Syntaxhervorhebung in Ihr Pretty-Printed-JSON zu integrieren, müssen Sie kann die Leistungsfähigkeit regulärer Ausdrücke nutzen.

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

Vollständig Beispiel

Unten finden Sie ein vollständiges Beispiel, das Syntaxhervorhebung neben Pretty-Printing demonstriert:

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));

Dieses Beispiel zeigt Pretty-Printing mit Einrückung und Syntaxhervorhebung in Aktion.

Das obige ist der detaillierte Inhalt vonWie kann ich JSON mit Syntaxhervorhebung hübsch drucken?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn