Maison > interface Web > js tutoriel > le corps du texte

Analyse approfondie des opérations d'expression régulière courantes et des exemples en JavaScript

WBOY
Libérer: 2024-01-05 18:32:35
original
704 Les gens l'ont consulté

Analyse approfondie des opérations dexpression régulière courantes et des exemples en JavaScript

Opérations courantes sur les expressions régulières et exemples d'analyse en JavaScript

L'expression régulière est un outil qui décrit des modèles de caractères et est utilisé pour faire correspondre, rechercher ou remplacer des modèles spécifiques dans des chaînes. En JavaScript, les expressions régulières sont un outil opérationnel très important. Elles peuvent jouer un rôle important dans le traitement des chaînes, la validation des formulaires, le filtrage des données et d'autres scénarios. Cet article présentera les opérations courantes sur les expressions régulières en JavaScript et donnera des analyses pratiques et des exemples de code.

  1. Création d'expressions régulières
    En JavaScript, nous pouvons créer des expressions régulières de deux manières. La première consiste à utiliser la forme littérale, en écrivant l’expression régulière directement entre des barres obliques (/). Par exemple, /pattern/ signifie créer une expression régulière avec un motif. L'autre consiste à utiliser le constructeur RegExp, en passant l'expression régulière comme paramètre de chaîne au constructeur. Par exemple, new RegExp("pattern") signifie créer une expression régulière qui correspond au modèle.
  2. Modificateurs pour les expressions régulières
    Les modificateurs dans les expressions régulières sont utilisés pour ajuster le comportement des modèles correspondants. En JavaScript, il existe les quatre modificateurs courants suivants :
  • Modificateur i : ignore la casse, ce qui rend la correspondance insensible à la casse.
  • Modificateur g : correspondance globale, recherche toutes les correspondances dans la chaîne.
  • modificateur m : correspondance multi-lignes, permettant à ^ et $ de faire correspondre le début et la fin de chaque ligne de la chaîne.
  • u modificateur : active les modèles de correspondance Unicode, en traitant les modèles comme des séquences Unicode.

Vous pouvez définir le comportement du modèle de correspondance en ajoutant un modificateur à la fin de l'expression régulière, par exemple /pattern/i signifie ignorer le modèle de correspondance de casse.

  1. Opérations courantes des expressions régulières
    (1) Détecter la correspondance
    En JavaScript, nous pouvons utiliser la méthode test() pour détecter si une chaîne correspond à une expression régulière. La méthode test() renvoie une valeur booléenne, vraie si la chaîne correspond à l'expression régulière, fausse sinon. Par exemple, le code suivant détectera si une chaîne contient des nombres :
let pattern = /d/;
let str = "abc123";
console.log(pattern.test(str));  // 输出 true
Copier après la connexion

(2) Extraire la correspondance
En JavaScript, nous pouvons utiliser la méthode match() pour extraire la partie de la chaîne qui correspond à l'expression régulière. La méthode match() renvoie un tableau de résultats correspondants, ou null si aucune correspondance n'est trouvée. Par exemple, le code suivant extraira tous les nombres de la chaîne :

let pattern = /d/g;
let str = "abc123def456";
console.log(str.match(pattern));  // 输出 ["1", "2", "3", "4", "5", "6"]
Copier après la connexion

(3) Remplacement Match
En JavaScript, nous pouvons utiliser la méthode replace() pour remplacer la partie qui correspond à l'expression régulière par la chaîne de remplacement spécifiée. La méthode replace() renvoie la nouvelle chaîne après remplacement. Par exemple, le code suivant remplacera tous les nombres de la chaîne par "X":

let pattern = /d/g;
let str = "abc123def456";
console.log(str.replace(pattern, "X"));  // 输出 "abcXdefX"
Copier après la connexion
  1. Exemple d'analyse d'expressions régulières
    Voici quelques exemples courants d'expressions régulières:

(1) Correspondre au numéro de téléphone portable:/ ^1[3-9]d{9}$/
Cette expression régulière peut être utilisée pour détecter si une chaîne est un numéro de téléphone mobile chinois légal. Il nécessite une chaîne commençant par 1, suivie de n'importe quel nombre compris entre 3 et 9, et doit comporter 11 chiffres.

(2) Adresse e-mail correspondante :/^[a-zA-Z0-9]+@[a-zA-Z0-9]+(.[a-zA-Z0-9]+)+$/
Le Les expressions régulières peuvent être utilisées pour vérifier si une chaîne est une adresse e-mail valide. Il nécessite qu'une chaîne commence par une lettre, un chiffre ou un trait de soulignement, suivi d'un symbole @, puis de toute combinaison de lettres, de chiffres ou de traits de soulignement, et enfin se termine par une combinaison de lettres, de chiffres ou de traits de soulignement délimités par des points.

(3) Adresse IP correspondante : /^(d{1,3}.){3}d{1,3}$/
Cette expression régulière peut être utilisée pour détecter si une chaîne est une adresse IP légale. Il nécessite une chaîne composée de quatre nombres séparés par des points, chaque nombre allant de 0 à 255.

Résumé :
Les expressions régulières en JavaScript sont un puissant outil de correspondance de chaînes qui peut être utilisé pour le traitement et la vérification des chaînes dans divers scénarios. Cet article présente la méthode de création, les modificateurs et les méthodes de fonctionnement courantes des expressions régulières, et donne plusieurs exemples de code d'analyse pratique. En apprenant et en appliquant des expressions régulières, nous pouvons améliorer l'efficacité et la précision du traitement des chaînes.

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal