Discussion :

[laurentSc]

Bonsoir,

j'utilise un code js qui bugge pour certaines valeurs :

Code :

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

var unitFont = sizeFont.replace(/(.[0-9])/g, '');

sizeFont contient un nombre suivi d'une unité ; cette fonction est donc censée isoler l'unité, mais elle ne marche pas si le nombre contient un seul caractère.
Exemple : 9pt -> 9pt
alors que 10pt -> pt

Quel est le souci ?

[Willpower]

Code :

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

sizeFont.replace( /([0-9]*)/g , '');

[laurentSc]

Merci de ton aide.

[Bovino]

Pour info

Code :

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

/(.[0-9])/

recherche n'importe quel caractère (le ".") puis un chiffre.
S'il n'y a qu'un seul chiffre, il n'est donc pas précédé de n'importe quel caractère et ton expression ne trouve pas de correspondance.
Du coup,

bug fonction replace

le bug ne se trouve pas là où tu pensais...

@Will : le quantificateur ("*") n'est pas particulièrement utile du fait du drapeau "g", ni d'ailleurs le groupe capturant (vu qu'on ne se sert pas des éléments capturés)

Code :

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

sizeFont.replace( /[0-9]/g , '');

est donc largement suffisant, voire

Code :

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

sizeFont.replace( /\d/g , '');

[Willpower]

@Will : le quantificateur ("*") n'est pas particulièrement utile du fait du drapeau "g", ni d'ailleurs le groupe capturant (vu qu'on ne se sert pas des éléments capturés)

Arg, oui, les RegExp sont et resteront toujours MA bête noire !
Tu viens de gâcher mon plaisir de pour une fois avoir su apporter une réponse à une RegExp.

[NoSmoking]

Code :

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

sizeFont.replace( /[0-9]/g , '');

est donc largement suffisant, voire

Code :

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

sizeFont.replace( /\d/g , '');

il faut néanmoins tenir compte de l'unité en em qui est souvent utilisée avec des nombres décimaux

Code :

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

var unitFont = sizeFont.replace(/[.,0-9]/g, '');

ou un truc pas loin...

[laurentSc]

Merci pour vos réponses, mais comme je ne m'y connais pas tellement, j'aurais besoin de quelques explications :
- le /g sert à quoi ?
- le * de Willpower, il fait quoi ?
- explication de la regexp de NoSmoking, et quelle est la particularité des em ?

[Willpower]

Merci pour vos réponses, mais comme je ne m'y connais pas tellement, j'aurais besoin de quelques explications :
- le /g sert à quoi ?
- le * de Willpower, il fait quoi ?
- explication de la regexp de NoSmoking, et quelle est la particularité des em ?

/g = toutes les occurences (au lieu de la première)
sauf que dans mon cas :
* = 0,1 ou plusieurs fois ce qui précède, signifie qu'on remplace toute la suite de chiffre et donc l'un des deux "/g" ou "*" est inutile.

em and ex - relative to the parent element
pixels - relative to the screen resolution

[NoSmoking]

- explication de la regexp de NoSmoking, et quelle est la particularité des em ?

cela me disais quelque chose...
http://www.developpez.net/forums/d11...m/#post6404476

[laurentSc]

Oui, ce n'est pas la première fois que je pose une question au sujet des em, mais là, c'est la regexp /[.,0-9]/g que je ne comprends pas.

[Willpower]

Oui, ce n'est pas la première fois que je pose une question au sujet des em, mais là, c'est la regexp /[.,0-9]/g que je ne comprends pas.

En fait, ton . vaut comme "joker", si tu veux signaler un point tu dois faire \. donc au final ça donne :

Code :

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

"1.12px".replace(/[\.\,0-9]/g, '');

[NoSmoking]

En fait, ton . vaut comme "joker", si tu veux signaler un point tu dois faire \. donc au final ça donne :

Code :

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

"1.12px".replace(/[\.\,0-9]/g, '');

entre crochets le . (point) vaut le caractère point, je dois admettre que la virgule est de trop, les décimaux s'exprimant avec un . (point) et non une virgule.

Code :

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

var unitFont = sizeFont.replace(/[.0-9]/g, '');

à voir dans la Quels éléments trouve-t-on dans une expression régulière ?

[laurentSc]

Merci pour l'explication.
Juste pour être sûr de comprendre : le slash avant la virgule, c'était juste pour l'échapper et si tu n'en mets pas dans [.0-9]/g, c'est que en tout début d'une liste de caractères entre crochets, l'échappement n'est pas nécessaire ?

[NoSmoking]

En direct live de Quels éléments trouve-t-on dans une expression régulière ?

Les crochets :
Les crochets correspondent à des classes (ou ensembles) de caractères. On place à l'intérieur tous les caractères que l'on attend à l'emplacement donné de la chaîne.
...
Notez que le caractère tiret ("-") permet d'indiquer une plage de caractères (par exemple, /[a-z]/ correspond à toutes les lettres de "a" à "z"). Si vous devez rechercher le caractère tiret, vous devrez l'échapper en le faisant précéder d'un antislash ("\"). Une autre possibilité est de placer le tiret en début ou en fin de classe, dans ce cas, il perd sa signification (par exemple /[-abc]/ pour rechercher les caractères tiret, a, b ou c.

[laurentSc]

Oui, OK, mais ce "direct live" ne répond pas à mes 2 questions...

[NoSmoking]

Merci pour l'explication.
Juste pour être sûr de comprendre : le slash avant la virgule, c'était juste pour l'échapper

il n'y a pas besoin d'échapper les caractères autre que le -(tiret), et encore cf "direct live"

et si tu n'en mets pas dans [.0-9]/g, c'est que en tout début d'une liste de caractères entre crochets, l'échappement n'est pas nécessaire ?

pas seulement en début, sauf cas particulier du -(tiret), entre crochets il suffit de mettre les caractères que l'on veut trouver sous leur forme la plus basique.

[Bovino]

dans [.0-9]/g, c'est que en tout début d'une liste de caractères entre crochets, l'échappement n'est pas nécessaire ?

Non, il n'y a que pour le tiret que la position est importante. En règle générale, le tiret indique une plage de caractères, par exemple 0-9 correspond à un quelconque des caractères situés entre 0 et 9 inclus (selon l'ordre de la numérotation ASCII). Sauf qu'en premier ou en dernier élément de la liste de la classe, la plage n'a plus de sens et le tiret reprend sa signification littérale, donc [-09] correspondra à tiret, 0 ou 9.

De façon similaire, un point n'a aucun sens dans une classe. Une classe sert à préciser de chercher un caractère parmi ceux listés. Le point est habituellement le caractère joker (représente n'importe quel caractère), donc dans une classe, ça voudrait dire rechercher un caractère parmi tous les caractères possibles, ça ne sert à rien, donc il n'y a pas de caractère joker dans une classe et le point reste un point.