Expressions régulières en JavaScript

Ce guide démontre l'application pratique des expressions régulières dans JavaScript. À la fin, vous pourrez utiliser en toute confiance regex pour la manipulation du texte.

Concepts clés:

• Les expressions régulières JavaScript sont des outils puissants pour le traitement du texte. Ils sont définis à l'aide de slashes vers l'avant (/), avec des drapeaux facultatifs (par exemple, /pattern/gi pour la correspondance globale et insensible à la casse). Par exemple, /JavaScript/ correspond à la chaîne "javascript".
• Les chaînes en JavaScript offrent trois méthodes clés pour l'interaction regex: match(), replace() et search().
• match() trouve toutes les sous-chaînes correspondantes, renvoyant un tableau (ou null si aucune correspondance n'est trouvée).
• replace() remplace les sous-chaînes qui correspondent à une nouvelle chaîne. Ceci est inestimable pour les tâches comme la correction des fautes de frappe ou la normalisation des formats de texte.
• search() fonctionne de manière similaire à indexOf(), mais utilise une expression régulière comme paramètre de recherche, renvoyant l'index de la première correspondance (ou -1 s'il n'existe pas).

en utilisant des expressions régulières:

Créer une expression régulière est simple:

const myRE = /regexp/;

où regexp représente le modèle d'expression régulière. Par exemple:

const myRE = /JavaScript/; // Matches "JavaScript"
const myRE = /^(ba|na)+$/; // Matches "banana", "nababa", "baba", etc.

Par défaut, Regex est sensible à la casse et ne trouve que la première correspondance. L'ajout de drapeaux modifie ce comportement: g (global) pour toutes les correspondances, et i (insensible à la cas).

Exemple d'expressions et de correspondances régulières dans "test1 test2 test3":

RegExp	Match(es)
/Test[0-9] /	"Test2"
/Test[0-9] /i	"test1"
/Test[0-9] /gi	"test1", "Test2", "TEST3"

Méthodes pour travailler avec des expressions régulières:

• match(): Cette méthode renvoie un tableau de toutes les correspondances. Créons une fonction de validation du numéro de téléphone:

const myRE = /regexp/;

Ce regex ^(d{3}) d{3}-d{4}$ correspond à un format de numéro de téléphone comme "(123) 456-7890". ^ et $ Assurez-vous que toute la chaîne correspond au modèle. d{3} correspond à trois chiffres.

• replace(): Cette méthode remplace les correspondant par une nouvelle chaîne. Corrigeons "i avant E sauf après C" Mispelles:

const myRE = /JavaScript/; // Matches "JavaScript"
const myRE = /^(ba|na)+$/; // Matches "banana", "nababa", "baba", etc.

dans la chaîne de remplacement se réfère au groupe capturé (la lettre avant "ei") dans le regex ([abd-z])ei.

• search(): Cette méthode est similaire à indexOf(), mais utilise une expression régulière. Il renvoie l'index de la première correspondance.

function checkPhoneNumber(phoneNo) {
  const phoneRE = /^\(\d{3}\) \d{3}-\d{4}$/;
  return phoneNo.match(phoneRE) !== null; //true if valid, false otherwise
}

Conclusion:

Les expressions régulières sont un outil puissant pour la manipulation des chaînes en JavaScript. La maîtrise de ces techniques améliore votre capacité à valider la saisie des utilisateurs, à nettoyer les données et à effectuer un traitement de texte sophistiqué. N'oubliez pas que la validation côté serveur est toujours cruciale pour la sécurité.

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!