Aller au contenu

Ancres ^ et $ des expressions régulières JavaScript

Introduction aux ancres en JavaScript

Les ancres sont des caractères spéciaux dans les expressions régulières qui permettent de faire correspondre des positions au sein d'une chaîne plutôt que des caractères réels. Les deux ancres principales en JavaScript sont ^ (chapeau) et $ (signe dollar). L'ancre ^ indique que la correspondance doit commencer au début de la chaîne, tandis que l'ancre $ indique que la correspondance doit se produire à la fin de la chaîne. Comprendre et utiliser efficacement ces ancres peut considérablement améliorer votre capacité à manipuler et valider des chaînes en JavaScript.

L'ancre ^ : Faire correspondre le début d'une chaîne

L'ancre ^ est utilisée pour vérifier si une chaîne commence par un motif spécifique.

Utilisation de l'ancre ^


Output appears here after Run.

Dans cet exemple, ^Hello garantit que la chaîne commence par "Hello". La chaîne 'Hello, world!' correspond au motif, mais 'Say Hello, world!' ne correspond pas car "Hello" n'est pas au début.

Exemple pratique : Valider le début d'une adresse e-mail


Output appears here after Run.

Cette expression régulière vérifie si une adresse e-mail commence par un nom d'utilisateur valide. La chaîne '[email protected]' correspond, et '[email protected]' correspond également car les deux commencent par un motif de nom d'utilisateur valide avant le symbole @.

L'ancre $ : Faire correspondre la fin d'une chaîne

L'ancre $ est utilisée pour vérifier si une chaîne se termine par un motif spécifique.

Utilisation de l'ancre $


Output appears here after Run.

Dans cet exemple, world!$ garantit que la chaîne se termine par "world!". La chaîne 'Hello, world!' correspond au motif, mais 'Hello, world' ne correspond pas car il manque le point d'exclamation à la fin.

Exemple pratique : Valider une extension de fichier


Output appears here after Run.

Cette expression régulière vérifie si un nom de fichier se termine par ".txt". La chaîne 'document.txt' correspond, tandis que 'document.pdf' ne correspond pas.

INFO

Les ancres (^ et $) dans les expressions régulières JavaScript vous permettent de faire correspondre avec précision le début ou la fin d'une chaîne, garantissant ainsi une validation et une manipulation de texte exactes.

Combiner ^ et $ pour des correspondances exactes

En combinant ^ et $, vous pouvez créer une expression régulière qui correspond exactement à une chaîne, du début à la fin.

Utilisation des deux ancres


Output appears here after Run.

Dans cet exemple, ^Hello, world!$ garantit que la chaîne entière correspond à "Hello, world!". Seule la chaîne 'Hello, world!' correspond exactement.

Exemple pratique : Valider un motif exact


Output appears here after Run.

Cette expression régulière garantit que l'adresse e-mail est au format valide du début à la fin. Elle vérifie la présence d'un nom d'utilisateur valide, d'un symbole "@", d'un nom de domaine et d'un domaine de premier niveau.

Utilisation des ancres pour une validation précise

Les ancres sont particulièrement utiles pour valider des entrées où vous devez vous assurer que la chaîne entière respecte un motif. Par exemple, utilisez ^ et $ pour valider des numéros de téléphone, des codes postaux ou toute entrée à format fixe.

Exemple : Valider un numéro de téléphone américain


Output appears here after Run.

Cette expression régulière garantit que le numéro de téléphone est au format (123) 456-7890. Elle utilise ^ pour indiquer le début et $ pour indiquer la fin, assurant ainsi que la chaîne entière correspond au motif spécifié.

Conclusion

Les ancres sont des outils puissants dans les expressions régulières JavaScript qui vous permettent de faire correspondre des positions au sein d'une chaîne. En maîtrisant les ancres ^ et $, vous pouvez créer des motifs précis et efficaces pour valider et manipuler des chaînes. Que vous souhaitiez vous assurer qu'une chaîne commence ou se termine par un motif spécifique, ou faire correspondre une chaîne entière exactement, les ancres sont essentielles pour des opérations regex robustes.

Pratique

Qu'est-ce qui est vrai concernant l'utilisation du chapeau (^) et du dollar ($) en JavaScript ?

Trouvez-vous cela utile?

Aperçu dual-run — comparez avec les routes Symfony en production.