在 JavaScript 中，我们经常需要计算包含数学表达式的字符串。一种常见的方法是使用 eval() 函数，将字符串转换成可执行代码并计算结果。然而，由于安全和性能问题，eval() 不建议在生产环境中使用。本文将介绍如何在不使用 eval() 的情况下，在 JavaScript 中计算字符串值。
1. 使用正则表达式处理字符串
我们可以使用正则表达式来解析包含数学表达式的字符串，并将其转换为计算结果。以下是一个简单的例子：
-- -------------------- ---- -------
-------- ---------------------- -
----- ----- - ----------------------------------------------------
--- ------
--- ------ - --
----- ------ - ------------------ -
----- - - ---------------------
----- -------- - ---------
----- - - ---------------------
------ ---------- -
---- ---- ------ - - - -- ------
---- ---- ------ - - - -- ------
---- ---- ------ - - - -- ------
---- ---- ------ - - - -- ------
-
----- - ----------------------- --------
-
------ ------------------
-上述代码首先定义了一个正则表达式，用于匹配形如 a + b、a - b、a * b 和 a / b 的数学表达式。然后使用 while 循环，依次计算每个匹配的表达式，并将计算结果替换原始字符串中的表达式。最后返回与输入字符串等效的数字值。
以下是一个例子：
calculateString('1 + 2 * 3'); // 返回 7
calculateString('(1 + 2) * 3'); // 返回 9
calculateString('1/0'); // 返回 Infinity需要注意的是，这种方法只支持基本的数学运算符和括号。如果需要支持更复杂的表达式，可以使用更强大的正则表达式或者其他库来解析字符串。
2. 使用函数代替 eval
另一种避免使用 eval() 的方法是使用函数来代替它。以下是一个简单的例子：
function calculate(expression) {
return new Function(`return (${expression})`)();
}上述代码定义了一个 calculate 函数，接受一个字符串类型的表达式参数。该函数内部使用 new Function 构造函数创建一个新的函数，并将字符串表达式作为函数体传递给它。然后，立即调用该函数并返回结果。
以下是一个例子：
calculate('1 + 2 * 3'); // 返回 7
calculate('(1 + 2) * 3'); // 返回 9
calculate('1/0'); // 返回 Infinity需要注意的是，这种方法可能存在安全隐患，因为使用 new Function 构造函数可以执行任意的 JavaScript 代码。因此，在使用该方法时，需要确保输入的字符串表达式是可信的。
结论
在 JavaScript 中计算字符串值，不使用 eval()，有多种方法。我们可以使用正则表达式处理字符串，或者使用函数来代替 eval()。无论哪种方法，都需要仔细考虑安全和性能问题，并选择最适合应用场景的方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/31481