Discussion :

[goofyto8]

bonjour
Soit en mode littéral cette expression régulière (pour tester l'entrée d'une adresse courriel)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var reg01=/^[a-z0-9._-]+@[a-z0-9._-]+\.[a-z]{2,6}$/i;

Quelle est la syntaxe correcte en utilisant la méthode constructeur ?

reg01= new RegExp(.....)

[Invité]

Bonjour,

tu ne sais pas faire une simple recherche ??

• RegExp

[Watilin]

Bonjour,
pour passer en syntaxe « constructeur » il y a 3 étapes :

1. retirer les délimiteurs /.../ ;
2. échapper les antislashes \ → \\ ;
3. passer les flags en second paramètre.

Mais je ne comprends pas pourquoi tu veux utiliser cette syntaxe qui est, à mon avis, moins pratique. On a la chance d’avoir des littéraux RegExp en JavaScript, ce n’est pas le cas par exemple en PHP.

Avec la syntaxe constructeur, on doit passer par un littéral chaîne, ce qui ajoute un niveau d’interprétation : d’abord l’interprétation du littéral chaîne par le moteur JS, où les séquences d’échappement sont transformées une première fois (par exemple "\n" devient un retour à la ligne, et "\\" devient "\"), puis cette forme transformée est passée au moteur de RegExp qui a ses propres séquences spéciales, dont les plus connues sont \d, \w ou encore \b.
Quand on utilise la syntaxe constructeur, c’est facile de se tromper lors de l’écriture et de ne pas voir les erreurs à la relecture, à cause de ces séquences d’échappement qui se téléscopent et qui peuvent donner des résultats complètement différents de ce qu’on attend, sans qu’on comprenne pourquoi.

Utilise les littéraux RegExp, c’est mon conseil

[goofyto8]

Bonjour,
pour passer en syntaxe « constructeur » il y a 3 étapes :

1. retirer les délimiteurs /.../ ;
2. échapper les antislashes \ → \\ ;
3. passer les flags en second paramètre.

Merci.
Donc pour passer en syntaxe constructeur , devant chaque antislash (du mode littéral) il faut automatiquement rajouter un autre antislash ?

Est-ce que la chaine (ainsi que le flag du second paramètre) doivent être entre guillemets( " ") et non pas entre apostrophes (' ') .

ce qui donnerait pour mon exemple d'expression régulière

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
//mode littéral
var reg01=/^[a-z0-9._-]+@[a-z0-9._-]+\.[a-z]{2,6}$/i;

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
//  mode constructeur
var model="^[a-z0-9._-]+@[a-z0-9._-]+\\.[a-z]{2,6}$";
reg01= new RegExp(model,"i");

Le mode constructeur est la véritable syntaxe d'origine de javascript, le mode littéral provient du Perl.

[Watilin]

Est-ce que la chaine (ainsi que le flag du second paramètre) doivent être entre guillemets( " ") et non pas entre apostrophes (' ') .

Fonctionnellement, JS ne fait pas de différence entre les chaînes " " et ' '. Choisis l’une ou l’autre en fonction de la situation, par exemple :

• si la chaîne contient des ', c’est plus pratique de délimiter avec " ", et inversement ;
• si tu es sur un projet de groupe, il peut y avoir une convention de style à respecter ;
• etc.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
//  mode constructeur
var model="^[a-z0-9._-]+@[a-z0-9._-]+\\.[a-z]{2,6}$";
reg01= new RegExp(model,"i");

Oui c’est bien ça (j’ai vérifié avec la console).

Le mode constructeur est la véritable syntaxe d'origine de javascript, le mode littéral provient du Perl.

C’est vrai, et le moteur de RegExp (dans tout langage qui en possède un) est une variante simplifiée de Perl. Mais je suis à peu près sûr que les littéraux RegExp faisaient partie de JavaScript dès la première version du langage.
Et puis, c’est compliqué d’invoquer les « origines » de JavaScript comme argument solide, quand on sait le début un peu précipité que le langage a connu. En particulier, Brendan Eich avait prévu à la base de faire un modèle objet purement basé sur les prototypes, comme le langage Self, mais Netscape lui a demandé d’y ajouter l’opérateur new pour que ça ressemble à Java.
Inévitablement, il y a eu un débat autour de l’utilisation de new en JS, long mais intéressant, je t’invite à le lire si tu as le temps : L’opérateur new, bonne ou mauvaise pratique ?

[goofyto8]

Merci pour toutes ces informations car effectivement les exemples donnés dans les tutoriels javascript, au sujet des expressions régulières, privilégient le mode littéral et indiquent aussi le mode constructeur ..... mais avec des exemples de chaines très simples et très rarement lorsque le modèle commence à devenir complexe et demande beaucoup d'attention.