Soucis de remplacement de chaine par regexp

Bonjour à tous,

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

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 :aie:

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

Merci pour votre aide

Cordialement

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"

---

Wouh punaise !

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

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