JavaScript中含代数运算的字符串转整数/浮点数问题

嘿，我来帮你解决这个问题！你的现有代码只是把获取到的运算字符串原样返回，根本没执行计算逻辑对吧？下面给你两种实用的解决方案：

eval()函数能直接运行字符串形式的JS代码，对于这种简单的加减运算来说，写起来超省事：

function equals() {
  const text = document.getElementById('result').innerHTML;
  // 直接执行运算，得到数字结果
  const calculatedResult = eval(text);
  document.getElementById('result').innerHTML = calculatedResult;
}

⚠️ 提醒一下：如果这个运算字符串是来自用户的自由输入（比如表单里用户随便输的），那eval()就有安全风险——恶意用户可能塞进去坏代码。但如果是你自己可控的、固定格式的运算字符串，用这个完全没问题。

要是担心安全问题，咱们可以自己拆分表达式里的数字和运算符，一步步计算：

function equals() {
  const text = document.getElementById('result').innerHTML;
  // 拆分出所有数字（包括负数）和加减运算符
  const expressionParts = text.match(/(-?\d+)|([+-])/g);
  if (!expressionParts) return; // 万一表达式无效，直接返回
  
  // 初始化结果为第一个数字
  let result = parseInt(expressionParts[0], 10);
  // 遍历运算符和对应的数字，逐步计算
  for (let i = 1; i < expressionParts.length; i += 2) {
    const operator = expressionParts[i];
    const number = parseInt(expressionParts[i+1], 10);
    if (operator === '+') {
      result += number;
    } else if (operator === '-') {
      result -= number;
    }
  }
  document.getElementById('result').innerHTML = result;
}

这个方法只处理加减运算，不会执行任何额外代码，安全多了。不过目前这个版本假设你的表达式格式很规范（比如没有空格、没有连续运算符、都是整数），如果要支持小数或者带空格的表达式，稍微调整正则和解析逻辑就行。

对了，你提到的例子"12+5-8"计算出来应该是9哦，你说的20可能是手滑打错啦😜

内容的提问来源于stack exchange，提问作者Daniel Iova