UTILS.
100 % dans le navigateur
🎨

Embellisseur / formateur JavaScript

Mettez en forme du JavaScript et du JSON minifiés ou désordonnés avec une indentation, un espacement et des sauts de ligne cohérents — un formateur écrit à la main qui s'exécute entièrement dans le navigateur.

— la sortie apparaît ici —

À propos de cet outil

L'embellisseur JavaScript reformate du JavaScript et du JSON minifiés, sur une seule ligne ou indentés de façon incohérente en un code source propre et lisible, avec une indentation et un espacement uniformes. Il est pratique pour lire une bibliothèque empaquetée, remettre au propre un extrait copié ou inspecter un bloc JSON. Tout se passe dans votre navigateur — le code n'est que reformaté en tant que texte, jamais exécuté, il n'y a donc ni eval, ni new Function, et rien n'est téléversé.

Le formateur est un analyseur lexical écrit à la main, pas un bricolage à base d'expressions régulières : il parcourt la source en jetons tout en sautant correctement l'intérieur des chaînes, des littéraux de gabarit, des expressions régulières et des commentaires de ligne/bloc, de sorte que les guillemets et les barres obliques à l'intérieur ne sont jamais confondus avec de la structure. Une heuristique classique de retour arrière distingue un opérateur de division d'un littéral d'expression régulière. Le flux de jetons est ensuite ré-émis avec des sauts de ligne après '{', '[' et ';', des lignes désindentées avant '}' et ']', un élément par ligne à l'intérieur des littéraux d'objet et de tableau, et une seule espace autour des opérateurs et après les mots-clés.

Choisissez une indentation de 2 espaces, 4 espaces ou une tabulation, et un style d'accolade : collapse garde l'accolade ouvrante sur la même ligne (K&R / 1TBS), tandis qu'expand la déplace sur sa propre ligne (Allman). Comme l'outil préserve le contenu des chaînes et des expressions régulières octet pour octet, le code reformaté est sémantiquement identique à l'entrée. Copiez le résultat directement dans votre éditeur.

Foire aux questions

Exécute-t-il ou évalue-t-il mon code ?
Non. L'embellisseur ne fait qu'analyser et ré-émettre votre source en tant que texte. Il n'appelle jamais eval ni new Function et n'exécute jamais le code, il est donc sûr de coller du JavaScript non fiable ou propriétaire. Tout le travail reste dans votre navigateur.
Fonctionne-t-il aussi sur le JSON ?
Oui. Le JSON est un sous-ensemble de la syntaxe JavaScript, donc coller un objet ou un tableau JSON minifié le réagence en une forme indentée, une clé par ligne. Les chaînes, les nombres et les structures imbriquées sont mis en forme de la même façon qu'en JavaScript.
Quelle est la différence entre les styles d'accolade ?
Collapse (K&R / 1TBS) garde l'accolade ouvrante sur la même ligne que l'instruction, par ex. 'if (x) {'. Expand (Allman) place l'accolade ouvrante sur sa propre ligne sous l'instruction. Les deux produisent un code identique et valide — seule la disposition diffère.
Cela va-t-il changer ce que fait mon code ?
Non. Seuls les espaces, l'indentation et les sauts de ligne changent. Le contenu des chaînes, des littéraux de gabarit et des expressions régulières est préservé exactement, de sorte que la sortie reformatée est fonctionnellement identique à la source d'origine.

Plus d'outils