арифметическая операция над группой регулярных выражений javascript

Question

Довольно прямой вопрос: существует ли способ выполнить арифметическую операцию над сопоставленной группой в регулярном выражении в JS.

Ex: У меня есть строка:

<img style="top:200"> 

Я хочу, чтобы заменить 200 или любой другой номер, разделив на 5, что было бы в этом случае 40. Так выход:

<img style="top:40"> 

Я пробовал:

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

Но я получаю

<img style="top:NaNpx"> 

Answer 1

Вы можете использовать функцию обратного вызова String#replace метода.

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: Но это плохая идея использовать регулярные выражения для разбора HTML.

---

Другой метод с DOMParser, где применяя метод замены только для значения атрибута стиля вместо применения всей строки.

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)