Soucis de remplacement de chaine par regexp [Résolu]

[tidus_6_9_2]

Bonjour à tous,

Suite à de nombreux essais je m'en remet à vous pour me faire comprendre ce que je ne comprend pas

Je suis en train d'essayer de remplacer, dans une chaine, certaines informations.

Pour cela j'utilise le regexp mais je n'arrive pas à trouver pourquoi ou plutôt qu'es ce que je fais faux.

Voici ma ligne de code:

Code :

1
2
 
var tempo = VariableX.replace(/padding-left:.*px/g, "padding-left:0px");

J'aimerais pouvoir remplacer dans la variable "VariableX" toutes les occurrences qui contiennent un padding-left:, donc jusque là ça va. Mais j'aimerais aussi pouvoir faire en sorte qu'il me remplacer n'importe quel caractère contenus entre padding-left: et le mot px. En gros imaginons qu'on a la chaîne suivante :

Tout plein de texte........ padding-left:60px;.......Tout plein de texte

Avec la méthode replacer j'aimerais avoir le résultat suivant:

Tout plein de texte........ padding-left:0px;.......Tout plein de texte

Actuellement cela me remplacer quasiment toute ma chaine

Es-ce que l'attribut du regexp ".*" ne sert pas à prendre n'importe quel caractère ?

Merci pour votre aide

Cordialement

[TheGwy]

Bonjour,
le problème vient de ton quantifier, voila la solution :

Code :

1
2
"margin:18px;padding-left:18px;height:25px;".replace(/padding-left:.*?px/g, "padding-left:0px");
>> "margin:18px;padding-left:0px;height:25px;"

En détail :
- "." match n'importe quel caractère
- "*" entre 0 et n fois
- "?" rends le précédent quantifier "not-greedy" ce qui veut dire qu'il matchera le moins de caractères possible

Si tu ne met pas le point d'intérogation "?" cela va matcher le plus de caractères possible, exemple :

Code :

1
2
3
"margin:18px;padding-left:18px;height:25px;".replace(/padding-left:.*px/g, "padding-left:0px");
>> "margin:18px;padding-left:0px;"
>> .* à capturé "18px;height:25"

[tidus_6_9_2]

Wouh punaise !

Super Je te remercie ^^ J'étais un peu au bout de la dépression de pas comprendre, mais je ne connaissait pas le not greedy

Merci encore cela fonctionne très bien, et merci pour le détail surtout ^^