Tutoriel JavaScript

JS ACCUEIL Présentation de JS JS Où aller Sortie JS Déclarations JS Syntaxe JS Commentaires JS Variables JS JS Let Const JS Opérateurs JS Arithmétique JS Affectation JS Types de données JS Fonctions JavaScript Objets JS Événements JS Chaînes JS Méthodes de chaîne JS Recherche de chaîne JS Modèles de chaîne JS Numéros JS Méthodes de nombre JS Tableaux JS Méthodes de tableau JS Tri de tableau JS Itération de tableau JS Const tableau JS Dates JS Formats de date JS Méthodes d'obtention de date JS Méthodes de définition de date JS JS Mathématiques JS Aléatoire Booléens JS Comparaisons JS Conditions JS Commutateur JS Boucle JS pour Boucle JS pour dans Boucle JS pour de Boucle JS pendant Pause JS Itérables JS Ensembles JS Cartes JS Type de JS Conversion de type JS JS au niveau du bit JS RegExp Erreurs JS Portée JS JS Levage Mode JS strict JS ce mot clé Fonction flèche JS Cours JS JSJSON Débogage JS Guide de style JS Meilleures pratiques JS Erreurs JS Performances JS Mots réservés JS

Versions JavaScript

Versions JavaScript JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Edge Historique JS

Objets JS

Définitions d'objet Propriétés de l'objet Méthodes d'objet Affichage d'objet Accesseurs d'objet Constructeurs d'objets Prototypes d'objets Itérables d'objet Ensembles d'objets Cartes d'objets Référence d'objet

Fonctions JavaScript

Définitions des fonctions Paramètres de fonction Appel de fonction Appel de fonction Fonction Appliquer Fermetures de fonction

Cours JS

Introduction de classe Héritage de classe Classe Statique

JS asynchrone

Rappels JS JS asynchrone JS promet JS asynchrone/en attente

JS HTML DOM

Introduction DOM Méthodes DOM Documents DOM Éléments DOM HTML DOM Formulaires DOM DOM CSS Animations DOM Événements DOM Écouteur d'événements DOM Navigation DOM Nœuds DOM Collections DOM Listes de nœuds DOM

Nomenclature du navigateur JS

Fenêtre JS Écran JavaScript Emplacement JS Historique JS Navigateur JS Alerte contextuelle JS Calendrier JS Cookies JavaScript

API Web JS

Présentation de l'API Web API des formulaires Web API d'historique Web API de stockage Web API de travail Web API de récupération Web API de géolocalisation Web

JS AJAX

Introduction à AJAX AJAX XMLHttp Requête AJAX Réponse AJAX Fichier XML AJAX PHP AJAX ASP AJAX Base de données AJAX Applications AJAX Exemples AJAX

JSJSON

Présentation JSON Syntaxe JSON JSON contre XML Types de données JSON Analyse JSON Chaîne JSON Objets JSON Tableaux JSON Serveur JSON JSON PHP HTML JSON JSON JSONP

JS contre jQuery

Sélecteurs jQuery jQuery HTML jQuery CSS jQuery DOM

Graphiques JS

Graphiques JS Canevas JS JS Complot JS Chart.js Graphique Google JS JS D3.js

Exemples JS

Exemples JS JS HTML DOM Entrée HTML JS Objets HTML JS Événements HTML JS Navigateur JS Éditeur JavaScript Exercices JS Questionnaire JS Certificat JS

Références JavaScript

Objets JavaScript Objets DOM HTML


Expressions régulières JavaScript


Une expression régulière est une séquence de caractères qui forme un modèle de recherche.

Le modèle de recherche peut être utilisé pour les opérations de recherche et de remplacement de texte.


Qu'est-ce qu'une expression régulière ?

Une expression régulière est une séquence de caractères qui forme un modèle de recherche .

Lorsque vous recherchez des données dans un texte, vous pouvez utiliser ce modèle de recherche pour décrire ce que vous recherchez.

Une expression régulière peut être un caractère unique ou un modèle plus compliqué.

Les expressions régulières peuvent être utilisées pour effectuer tous les types d' opérations de recherche et de remplacement de texte .

Syntaxe

/pattern/modifiers;

Exemple

/w3schools/i;

Exemple expliqué :

/w3schools/i   est une expression régulière.

w3schools   est un modèle (à utiliser dans une recherche).

i   est un modificateur (modifie la recherche pour qu'elle soit insensible à la casse).


Utilisation de méthodes de chaîne

En JavaScript, les expressions régulières sont souvent utilisées avec les deux méthodes de chaîne : search()et replace().

La search()méthode utilise une expression pour rechercher une correspondance et renvoie la position de la correspondance.

La replace()méthode renvoie une chaîne modifiée où le modèle est remplacé.


Utilisation de String search() avec une chaîne

La search()méthode recherche une chaîne pour une valeur spécifiée et renvoie la position de la correspondance :

Exemple

Utilisez une chaîne pour rechercher "W3schools" dans une chaîne :

let text = "Visit W3Schools!";
let n = text.search("W3Schools");

Le résultat en n sera :

6


Utilisation de String search() avec une expression régulière

Exemple

Utilisez une expression régulière pour effectuer une recherche insensible à la casse pour "w3schools" dans une chaîne :

let text = "Visit W3Schools";
let n = text.search(/w3schools/i);

Le résultat en n sera :

6



Utilisation de String replace () avec une chaîne

La replace()méthode remplace une valeur spécifiée par une autre valeur dans une chaîne :

let text = "Visit Microsoft!";
let result = text.replace("Microsoft", "W3Schools");

Utiliser String replace() avec une expression régulière

Exemple

Utilisez une expression régulière insensible à la casse pour remplacer Microsoft par W3Schools dans une chaîne :

let text = "Visit Microsoft!";
let result = text.replace(/microsoft/i, "W3Schools");

Le résultat en résolution sera :

Visit W3Schools!

As-tu remarqué?

Des arguments d'expression régulière (au lieu d'arguments de chaîne) peuvent être utilisés dans les méthodes ci-dessus.
Les expressions régulières peuvent rendre votre recherche beaucoup plus puissante (insensible à la casse par exemple).


Modificateurs d'expression régulière

Les modificateurs peuvent être utilisés pour effectuer des recherches plus globales insensibles à la casse :

Modifier Description Try it
i Perform case-insensitive matching
g Perform a global match (find all matches rather than stopping after the first match)
m Perform multiline matching

Modèles d'expressions régulières

Les parenthèses sont utilisées pour trouver une plage de caractères :

Expression Description Try it
[abc] Find any of the characters between the brackets
[0-9] Find any of the digits between the brackets
(x|y) Find any of the alternatives separated with |

Les métacaractères sont des caractères ayant une signification particulière :

Metacharacter Description Try it
\d Find a digit
\s Find a whitespace character
\b Find a match at the beginning of a word like this: \bWORD, or at the end of a word like this: WORD\b
\uxxxx Find the Unicode character specified by the hexadecimal number xxxx

Les quantificateurs définissent les quantités :

Quantifier Description Try it
n+ Matches any string that contains at least one n
n* Matches any string that contains zero or more occurrences of n
n? Matches any string that contains zero or one occurrences of n

Utilisation de l'objet RegExp

En JavaScript, l'objet RegExp est un objet d'expression régulière avec des propriétés et des méthodes prédéfinies.


Utiliser test()

La test()méthode est une méthode d'expression RegExp.

Il recherche un modèle dans une chaîne et renvoie vrai ou faux, selon le résultat.

L'exemple suivant recherche dans une chaîne le caractère "e" :

Exemple

const pattern = /e/;
pattern.test("The best things in life are free!");

Puisqu'il y a un "e" dans la chaîne, la sortie du code ci-dessus sera :

true

Vous n'avez pas besoin de mettre d'abord l'expression régulière dans une variable. Les deux lignes ci-dessus peuvent être raccourcies en une seule :

/e/.test("The best things in life are free!");

Utiliser exec()

La exec()méthode est une méthode d'expression RegExp.

Il recherche une chaîne pour un modèle spécifié et renvoie le texte trouvé sous forme d'objet.

Si aucune correspondance n'est trouvée, elle renvoie un objet vide (null) .

L'exemple suivant recherche dans une chaîne le caractère "e" :

Exemple

/e/.exec("The best things in life are free!");

Référence RegExp complète

Pour une référence complète, rendez-vous sur notre Complete JavaScript RegExp Reference .

La référence contient des descriptions et des exemples de toutes les propriétés et méthodes RegExp.