🔍 Que sont les expressions régulières ?
Expression régulière est une chaîne décrivant le modèle de recherche. Il se compose de symboles et de caractères spéciaux qui définissent exactement ce que nous recherchons.
En termes simples :
👉 c'est comme masque de recherche intelligentqui trouve ce qui correspond à une certaine structure.
/hello/Cette expression trouvera le mot "hello" dans n'importe quel texte.
🛠 Comment ça marche ?
const text = "Hi, my name is Kodik!";
const result = /Кодик/.test(text);
console.log(result); // trueLa méthode .test() vérifie y a-t-il une correspondance avec un modèle. Si oui, il renvoie true.
🔍 Analyse ligne par ligne :
const text = "Bonjour, je m'appelle Kodik !";
Nous créons une variable text qui contient une chaîne ordinaire. C'est notre « texte » dans lequel nous allons rechercher une correspondance.
👉 À l'intérieur de la ligne se trouve le mot Кодик — c'est celui que nous voulons trouver.
const result = /Code/.test(text);
C'est là que les choses les plus intéressantes se produisent :
/Кодик/- expression régulière, recherche de la correspondance exacte du motКодик..test(text)— une méthode qui :accepte la ligne
textvérifie s'il y a une correspondance avec le modèle
renvoie
true, si une correspondance est trouvée, sinonfalse
🧠 Dans notre cas, le mot Кодик est vraiment dans le texte, donc le résultat sera true.
console.log(result); // true
Ici, nous sommes simplement afficher le résultat de la vérification dans la console :
Si
Кодикest trouvé, la console afficheratrueS'il n'y en avait pas, il y aurait
false
💬 On peut le dire autrement :
Vous dites au navigateur :
« Hé, regarde, est-ce que le mot 'Kodik' est dans ce texte ? Si oui, dites-moi vrai "
Et JavaScript, en tant qu'assistant fidèle, dit : ✅ Oui, il y en a ! — true
🧪 Constructions utiles
Syntaxe | Ce qu'il fait | Exemple |
|---|---|---|
. | N'importe quel caractère |
|
* | Zéro ou plus de répétitions |
|
+ | Un ou plusieurs |
|
? | 0 ou 1 fois |
|
\d | N'importe quel chiffre |
|
\w | Lettre, chiffre ou _ |
|
^ | Début de ligne |
|
$ | Fin de ligne |
|
🧠 Exemple : vérification de l'e-mail
const email = "test@example.com";
const pattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
console.log(pattern.test(email)); // trueCe qui se passe :
^et$— début et fin de ligne[^\s@]+— au moins un caractère autre qu'un espace et@@— toujours présent\.— point avant le domaine (échappé !)+- encore une répétition
🧠Où les expressions régulières sont-elles utilisées ?
💡 Champ d'application | 📋 Que font les habitués |
|---|---|
Validation des formulaires | Vérifient les e-mails, les mots de passe, les numéros de téléphone et d'autres champs de saisie |
Rechercher et remplacer dans le texte | Trouvez des modèles et remplacez-les par le bon |
Analyse des journaux, CSV, HTML | Extraire les données nécessaires des lignes, des balises et des fichiers structurés |
Rédaction de linters et de parseurs | Aident à analyser le code et à trouver des erreurs ou des écarts stylistiques |
Recherche rapide par code ou documentation | Trouver les fonctions, les variables, les modèles nécessaires dans la structure |
Les expressions régulières sont comme la langue des magiciens pour travailler avec du texte. Au début, ça fait peur, puis ça fait plaisir ! Essayez, jouez, écrivez des modèles. Et pour vous entraîner avec plaisir, consultez l'application Code 🐾
Code est une application pour apprendre la programmation : des cours sur HTML, CSS, JavaScript et Python avec des explications simples et des exercices pratiques qui restent vraiment en mémoire.
💻 Apprenez en vous amusant : https://itcodik.com/