Javascript 字符串替换为计算

Question

有没有办法解决javascript中字符串中的数学表达式？例如，假设我想生成字符串“Tom has 2 apples, Lucy has 3 apples. Together they have 5 apples”，但我希望能够替换变量。我可以通过字符串替换来做到这一点:

string = "Tom has X apples, Lucy has Y apples. Together they have Z apples";
string2 = string.replace(/X/, '2').replace(/Y/, '3').replace(/Z/, '5');

但是，如果我可以使用 X+Y，而不是变量 Z，那就更好了。现在，我还可以对 X+Y 进行字符串替换，并将其替换为正确的值，但是当尝试处理我可能想做的所有可能的字符串内计算时，这会变得困惑。我想我正在寻找一种方法来实现这一目标:

string = "Something [X], something [Y]. Something [(X+Y^2)/(5*X)]";

并且 [___] 部分被理解为在替换回字符串之前要解析的表达式。

感谢您的帮助。

Answer 1

没有直接的内置方法(好吧，也许有 - 见下文)，但如果您使用 replace 函数的回调功能，其中替换可以是一个函数而不是字符串(返回值是替换的值)，您可以相当轻松地实现这一点。

例如，假设您使用 Ruby 表示法 #{xyz} 作为占位符。此代码循环遍历这些:

var mappings, str;

str = "One #{X} three #{Y} five";
mappings = {
    "X": 2,
    "Y": 4
};
str = str.replace(/\#\{([^#]+)\}/g, function(match, key) {
    var result;

    result = mappings[key];
    /* ...processing here */
    return result;
});

结果字符串是 One 2 Three 4 Five，因为 #{X} 和 #{Y} 已通过查找替换。您可以查看该键，看看它是否是一个表达式，是否需要计算，而不是简单地查找。该评估才是您真正工作的所在。

现在，您可以使用with和eval来实现表达式支持；将上面的 result = mapping[key]; 行更改为:

    with (mappings) {
        result = eval(key);
    }

如果将字符串 "One #{X} Three #{Y} Five #{X + Y * 2}" 输入其中，结果为 One 2 Three 4 Five 10 - 因为 2 + 4 * 2 = 10。

这是有效的，因为 with 将给定对象粘贴在作用域链的顶部，因此它是解析不合格引用(如 X)时检查的第一件事，并且 eval 执行 Javascript 代码，因此可以计算表达式，并且在调用它的范围内神奇地执行此操作。但要小心；正如 Eric 指出的，并非所有运算符在各种表达形式中都是相同的，特别是 Javascript 将 ^ 解释为“按位异或”，而不是“的幂”。 (它没有指数运算符；您必须使用 Math.pow。)

但你需要非常小心这类事情，with 和 eval (各自以自己的方式)都可能有问题。但 with 的主要问题是，如果您执行作业，则很难判断某物从何而来或将去往何处，而您却没有这样做； eval 的主要问题来自于使用它来解释您无法控制的字符串。只要您采取适当的保护措施并意识到这些问题...

将其归结为一个函数:

function evaluate(str, mappings) {
    return str.replace(/\#\{([^#]+)\}/g, function(match, key) {
        var result;

        with (mappings) {
            result = eval(key);
        }

        return result;
    });
}
alert(evaluate(
    "The expression '(#{X} + #{Y}) * 2' equals '#{(X + Y) * 2}'",
    {"X": 2, "Y": 4}
)); // alerts "The expression '(2 + 4) * 2' equals '12'"
alert(evaluate(
    "The expression '(#{X} + #{Y}) * 2' equals '#{(X + Y) * 2}'",
    {"X": 6, "Y": 3}
)); // alerts "The expression '(6 + 3) * 2' equals '18'"