乘以正则表达式匹配并将它们替换为字符串

Question

我正在尝试使用正则表达式替换来乘以食谱中的数量。

示例 HTML 代码

<div id="ingredients">
    <ul>
        <li>2 bananas, sliced</li>
        <li>1 cup frozen strawberries</li>
        <li>8 oz. low fat vanilla yogurt</li>
    </ul>
</div>

这是我到目前为止得到的 。我正在尝试找到一种方法来乘以匹配的数字，然后用相乘的数字替换旧的：

var str   = document.getElementById('ingredients').innerHTML;
var regex = /[0-9]+(?:\.[0-9]*)?/g;
str = str.replace(regex, "$&" * 2);
console.log(str)​

但这就是我得到的输出：

<ul>
    <li>NaN bananas, sliced</li>
    <li>NaN cup frozen strawberries</li>
    <li>NaN oz. low fat vanilla yogurt</li>
</ul>

任何人都可以为我指出如何转换“$&”的正确方向吗？到一个浮点数，这样我就可以乘以它？

非常感谢！

Answer 1

您必须先将字符串解析为数字，然后才能将其相乘：

str = str.replace(/[0-9]+(?:\.[0-9]*)?/g, function(m) { return 2*parseFloat(m)+''; });

您不能在 javascript 中相乘字符串！

"" * 2 // NaN