Utilo

Visualiseur de regex

Visualisez les expressions régulières sous forme de diagrammes ferroviaires, lisez une explication en langage clair de chaque élément, testez les correspondances et copiez du code JavaScript, Python, Go, Java, C#, PHP et Rust.

Ce que fait ce visualiseur regex

Les expressions régulières sont écrites pour la plupart des gens: facile à taper, difficile à lire une semaine plus tard. Cet outil analyse votre modèle dans un arbre de syntaxe et le montre de trois façons. Un schéma de chemin de fer dessine le motif sous forme de voie que vous pouvez suivre de gauche à droite, avec des branches pour l'alternance, des boucles pour la répétition et des boîtes étiquetées pour les groupes. Une explication en langage clair passe à travers chaque jeton ("un ou plusieurs chiffres", "année de groupe nommée", "non suivie de"). Et les extraits de code montrent comment utiliser le modèle exact avec l'échappement correct dans JavaScript, Python, Go, Java, C#, PHP et Rust. Une chaîne de test en direct met en évidence les correspondances lorsque vous tapez.

Mode d'emploi

  1. Tapez ou collez un motif. Vous pouvez inclure des traits et des drapeaux comme /^\d{4}-\d{2}$/gm ou entrer les drapeaux séparément.
  2. Suivez le schéma du chemin de fer pour voir la forme générale du motif.
  3. Lisez la liste d'explications pour une description jeton par jeton.
  4. Entrez une chaîne de test pour voir ce qui correspond et quels groupes capturent quoi.
  5. Copiez un extrait déjà préparé dans votre langue.

Lire le schéma du chemin de fer

  • Les cases arrondies sont du texte littéral; les cases carrées sont des classes de caractères comme digit ou un de az.
  • Un chemin qui se divise en rails parallèles est une alternance (a|b).
  • Un rail qui boucle derrière une boîte signifie "répéter"; un rail qui contourne la boîte signifie "facultatif".
  • Les images balisées sont des groupes; les groupes de capture sont numérotés et les groupes nommés montrent leur nom.
  • Les lookarounds sont dessinés comme des cadres étiquetés car ils vérifient le texte sans le consommer.

Des conseils

  • Préférer \d et les classes de caractères à de longues alternances pour la vitesse et la clarté.
  • Les quantificateurs paresseux (*?, +?) sont indiqués avec "le moins possible" dans l'explication.
  • Lorsque vous portez des modèles, rappelez-vous que le moteur RE2 de Go ne prend pas en charge les lookarounds ou les références; l'extrait Go vous prévient lorsque votre modèle les utilise.
  • Échapper aux traits en arrière dans les littéraux de chaîne normaux, ou utiliser des chaînes brutes (r"..." en Python, backticks en Go) comme le font les extraits.

Questions fréquentes

Quelle saveur regex est utilisée ?

L'analyseur et le correspondant utilisent la syntaxe JavaScript (ECMAScript 2024), y compris les groupes nommés, le lookbehind et les évasions de propriétés Unicode avec le drapeau u.

En quoi c'est différent du testeur de régex ?

Le testeur regex se concentre sur la correspondance et le remplacement du texte. Le visualiseur se concentre sur la compréhension et la documentation d'un motif.

Je peux enregistrer le schéma ?

Le diagramme est un SVG; cliquez avec le bouton droit pour enregistrer ou copier l'image.

Mon motif ou mon texte sort-il du navigateur ?

Je ne veux pas. L'analyse, le dessin et la correspondance se font localement.

Oui. Tout le traitement s'effectue directement dans votre navigateur grâce à JavaScript, aux Web Workers et aux API Web. Rien de ce que vous saisissez, collez ou importez n'est envoyé à nos serveurs.

Cette page a été traduite automatiquement depuis l'anglais. Si vous repérez une erreur, dites-le-nous.