Maison >interface Web >js tutoriel >Comment puis-je imprimer joliment du JSON avec la coloration syntaxique ?

Comment puis-je imprimer joliment du JSON avec la coloration syntaxique ?

DDD
DDDoriginal
2024-12-15 18:19:14529parcourir

How Can I Pretty-Print JSON with Syntax Highlighting?

Affichage de JSON dans un format lisible par l'homme : jolie impression

La transformation de JSON en un format plus attrayant et lisible par l'homme peut être obtenue grâce à la jolie impression. Cette méthode améliore la lisibilité en utilisant l'indentation et les espaces, et peut même inclure des couleurs ou des styles de police.

Méthode native JSON.stringify()

JSON.stringify() intègre nativement des fonctionnalités de jolie impression. En spécifiant un troisième argument, vous pouvez activer la jolie impression et définir le niveau d'indentation.

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

Mise en évidence de la syntaxe avec des expressions régulières

Pour incorporer la mise en évidence de la syntaxe dans votre JSON joliment imprimé, vous peut exploiter la puissance des expressions régulières.

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

Exemple complet

Vous trouverez ci-dessous un exemple complet qui démontre la coloration syntaxique aux côtés de la jolie impression :

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

Cet exemple présente la jolie impression avec l'indentation et la coloration syntaxique en action.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn