javascript - 在 gulp 中对正则表达式捕获组进行计算

Question

我需要编写一个脚本来将一些代码重组为新的语法，同时还要乘除一些当前值。

TLDR：

例如我想转：

oldFunction(3, "text");
oldSize = 3;

进入

newfunction("text", 3);
newSize = 6; //notice that this is oldSize*2

我使用 gulp-replace 和 regex 管理替换和重新排序部分，但我不知道如何在 regex 捕获组中相乘。

满的：

更详细的例子：

font size = 34px;
text position = {5, 42};

我使用 regex 和 gulp-replace 将其重组为新语法：

.pipe($.replace(/font size = (.+)px;\ntext position = {(.+), (.+)}/g, 'createText($2, $3, $1);'))

我得到：

createText(5, 42, 34);

所有好的 - 旧号码现在都处于正确的顺序！

现在，问题是：在替换之前，我能否以某种方式对旧数字进行基本的数学运算（乘法、除法）？

还。如果有更实用的工具来完成这项任务 - 我会很乐意使用它。

Answer 1

您可以在内部使用常规匿名回调方法.replace来操作组值。

.pipe($.replace(/font size = (.+)px;\ntext position = {(.+), (.+)}/g, function($0,$1,$2,$3) { 
    return 'createText(' + $2 + ', ' + $3 + ', ' + $1*2 + ');'; 
 }))

最后一个值将乘以 2。

您应该考虑使用数字匹配模式 ( [0-9]+) 而不是通配符.+（.匹配除换行符之外的任何字符），以使此类代码安全工作。