Une brève discussion sur les expressions régulières sur le front-end

1. Présentation

Dans JavaScript, utilisez // pour créer un objet d'expression régulière, de Bien sûr, vous pouvez également utiliser new RegExp()

Les méthodes courantes couramment utilisées incluent match, test et replace.

Parmi elles, match et replace sont des méthodes sur des chaînes, et test est une méthode sur des objets normaux.

[Recommandations de cours associées : Tutoriel vidéo JavaScript]

Regardez les illustrations spécifiques ci-dessous :

2. Les caractères uniques correspondants

1. /reg/ peuvent correspondre directement à la chaîne spécifique reg. Les crochets

   dans

2. /[arzy]/[] signifient faire correspondre n'importe quel caractère dans arzy

3. /[f-h]/ La barre du milieu - signifie faire correspondre n'importe quel caractère de f à h par ordre alphabétique

4. /[1-3]/ signifie faire correspondre les chiffres de 1 à 3

3. Options régulières

Les objets réguliers peuvent également être suivis d'options, JavaScript Les options couramment utilisées dans sont :

1. i - représente la casse ignorée

2. m - représente la correspondance multiligne

3. g - représente la correspondance globale (peut correspondre plusieurs fois)

4.

1. - représente le début de la chaîne correspondante ^

2. - représente la chaîne correspondante La fin de $

5. Correspondance des caractères

1. - Peut correspond à n'importe quel caractère à l'exception des sauts de ligne .
2. - Peut correspondre à n'importe quel nombre d
3. - Peut correspondre à n'importe quel Dnonnuméro
4. - correspond à n'importe quel caractère d'espace s
5. - correspond à tout caractère Snon espace
6. - correspond à la nouvelle ligne n
7. - Il est en fait équivalent à w, c'est-à-dire faire correspondre les traits de soulignement alphanumériques [A-Za-z0-9_]

6. Correspondance du quantificateur

1. - Match 0 fois ou plus *
2. - Match 1 fois ou plus +
3. - Match 0 fois ou plus 1 fois ?
4. - Match 3 fois {3}
5. - Match 2, 3 ou 4 fois {2,4}
6. - Match 2 fois ou plus {2,}

7. Regroupement

Les parenthèses représentent le regroupement dans les expressions régulières, généralement dans La méthode () est utilisé pour renvoyer des correspondances complètes ainsi que plusieurs résultats de regroupement. Si l'option match est utilisée, seules les correspondances complètes sont renvoyées. g

Entre parenthèses, vous pouvez utiliser le symbole du tuyau

, qui signifie |或

8. Caractères spéciaux

Vous devez ajouter une barre oblique inverse lors de la correspondance des caractères spéciaux

Les caractères spéciaux en JS sont

^ $ . * + ? () [] {} |

, donc si vous en avez besoin pour correspondre à Asterisk

, vous devez écrire comme ceci : *

*

9. Obtenez une non-correspondance

correspond à n'importe quel caractère sauf un certain caractère. Vous devez l'utiliser entre parenthèses

[]^

Jusqu'à présent,

a deux significations : ^

1. Si utilisé au début d'une expression régulière, cela signifie faire correspondre le début de la chaîne

2. Si utilisé entre crochets

   , cela signifie correspondre à un autre caractère[]

Fin

Ce qui précède ne présente que l'utilisation de base des expressions régulières, ce qui est fondamentalement suffisant pour le développement quotidien. Pour une utilisation plus approfondie, comme 贪婪和懒惰, 零宽断言 et 捕获, les amis intéressés peuvent apprendre par eux-mêmes ~

Les habitués sont très puissants, mais on ne peut pas en abuser. Si vous écrivez une expression régulière très compliquée que vous seul pouvez comprendre, une meilleure approche consiste à l'implémenter sans utiliser d'expressions régulières~

Lien de référence

Quantity　Introduction à Regex pour les développeurs Web

Cet article provient de la colonne Tutoriel js, bienvenue pour apprendre !

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!