Discussion :

[jpmur]

Bonjour,

J'avoue j'utilise peu javascript.

J'ai un champ input d'un formulaire où j'ai besoin de récupérer un id à partir de 2 saisies possible:

Code :

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

du texte (123)

ou bien directement

Code :

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

123

J'ai mis dans le bouton :

Code :

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

1
2
3
4
5
onclick="var c= $( \'#ic1\' ).val(); 
    var re= / \((\d+)\)$|^(\d+)$/; 
    var m=c.match(re);  
    alert(\'c:\'+c+\' m:\'+m.toString()); 
...

Et donc en retour j'ai :

Code :

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

c:du texte (123) m: (123),123,

ou alors

Code :

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

c:123 m:123,,123

Pourquoi ce dont j'ai besoin est soit dans l'indice 1 soit dans le 2 !?!
Ou sinon quelle est la bonne méthode ?

JP

[Watilin]

C'est à cause des parenthèses capturantes. Regardons cette regexp d'un peu plus près :

Code :

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

var re = / \((\d+)\)$|^(\d+)$/

Le problème survient au moment où la regexp est compilée. Les deux parenthèses capturantes sont référencées au même moment. La rouge obtient le numéro 1, et la verte le 2.

Ensuite, au moment précis où la regexp est utilisée pour analyser du texte, il se trouve que le texte peut correspondre à un des deux choix séparés par le tube « | » : le choix de gauche ou le choix de droite. Il y a donc deux cas de figure :

• le texte correspond au choix de gauche, le groupe numéro 1 reçoit quelque chose, le groupe 2 ne reçoit rien ;
• le texte correspond au choix de droite, le groupe numéro 2 reçoit quelque chose, le groupe 1 ne reçoit rien.
• (Bien sûr, il y a aussi le 3e cas de figure où le texte ne correspond simplement pas à la regexp.)

Il est donc tout à fait normal que ce dont tu as besoin soit tantôt dans l'indice 1, tantôt dans le 2. En JavaScript, l'opérateur ou logique || permet de régler ce genre de cas :

Code :

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

var ceDontJAiBesoin = m[1] || m[2];

Ce qui signifie littéralement : « prends m[1] s'il existe, sinon prends m[2] ». (Plus précisément, m[1] doit être équivalent à true, il sera donc « passé » s'il est null, undefined ou une chaîne vide.)

[jpmur]

OK, j'ai compris.
Explication très claire.

Merci