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
Libérer: 2024-12-15 18:19:14
original
527 Les gens l'ont consulté

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
Copier après la connexion

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 ...
}
Copier après la connexion

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));
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal