arithmetische Operation auf Regex-Gruppe Javascript

Question

Ziemlich einfache Frage: Gibt es eine Möglichkeit, arithmetische Operation auf einer übereinstimmenden Gruppe in Regex in JS durchzuführen.

Ex: Ich habe string:

<img style="top:200"> 

Ich möchte von 5 was auch immer Nummer 200 oder ersetzen durch Division, die 40 in diesem Fall wäre. So Ausgabe:

<img style="top:40"> 

Ich habe versucht:

var d= c.replace(/top:([-]?\d*[\.]?\d*)/,'int:'+parseInt($1/5)+'px') 

Aber ich bekomme

<img style="top:NaNpx"> 

Answer 1

Sie können eine Callback-Funktion mit String#replace Methode verwenden.

var c = '<img style="top:40">'; 
 

 
var d = c.replace(/top:([-]?\d*[\.]?\d*)/, function(m, m1) { 
 
    return 'top:' + m1/5 + 'px'; 
 
}); 
 

 
console.log(d);

---

FYI: Aber es ist eine schlechte Idee Regex zu verwenden, um HTML zu analysieren.

---

Ein weiteres Verfahren mit DOMParser wo das Verfahren nur statt auf die gesamte Kette von der Anwendung für den Stil Attributwert ersetzen Anwendung.

var c = '<img style="top:200">'; 
 

 
var parser = new DOMParser(); 
 

 
var img = parser.parseFromString(c, "text/html") 
 
    .querySelector('img'); 
 

 
img.setAttribute('style', img.getAttribute('style').replace(/\btop:([-]?\d*(\.\d+)?)/, function(m, m1) { 
 
    return 'top:' + m1/5 + 'px'; 
 
})) 
 

 

 
console.log(img.outerHTML)