JavaScript：修剪 .toPrecision() 尾随零

Question

我正在使用 JavaScript 创建一个在线计算器。

我有这个计算：

eval(expression).toPrecision(10);

这几乎在所有情况下都会产生正确的输出。例如

eval('456456+45646486*45646884').toPrecision(10)
// Output: "2.083619852e+15"

eval('1/0').toPrecision(10)
// Output: "Infinity"

然而

eval('4*1').toPrecision(10)
// Output: "4.000000000"

如何修剪尾随零但还要保持上面的漂亮输出？

Answer 1

使用 toPrecision 后除以 1。 Javascript 将跟踪零，并且不需要正则表达式。

Answer 2

只有全零小数

  eval('4*1').toPrecision(10).replace(/\.0+$/,"")

零结尾小数：

  eval('4.5*1').toPrecision(10).replace(/\.([^0]+)0+$/,".$1")

编辑：处理所有零和结束零的情况

编辑：如果您总是首先使用 .toPrecision()，因此总是有一个“。”，您可以修剪掉任何尾随零：

  eval('4.5*1').toPrecision(10).replace(/0+$/,"")

编辑：处理尾随小数：

eval('4.5*0').toPrecision(10).replace(/\.?0+$/,"")

Answer 3

以下 replace() 调用将替换所有尾随 0s 和尾随 .（如果存在）：

eval(expression).toPrecision(10).replace(/(?:\.0+|(\.\d+?)0+)$/, "$1")

它是如何工作的？

/(?:\.0+|(\.\d+?)0+)$/ 在字符串末尾 ($) 查找 \.0+ 或 (\.\d+?)0+。 ?: 防止 \.0+|(\.\d+?)0+ 成为 "captured"。

\.0+ 将匹配 . 后跟任意数量的 0s。

(\.\d+?)0+ 将匹配 . 后跟至少一位数字后跟至少一位 0。 ? 确保 0+ 匹配尽可能多的 0s。括号“捕获”非0s。

replace() 的第二个参数是替换匹配内容的新字符串。 $1 是一个变量，它告诉replace() 用第一个捕获的值替换匹配的值（因为1 在$ 之后）。在这种情况下，第一个捕获的值是 \.\d+? 匹配的值。

所以，最后：

1. . 后跟任意数量的 0s 将被丢弃
2. . 后跟非0s 后跟0s 将丢弃0s

示例

有关.40*1、4*1 和40*1 的1、2 和3 精度的方法比较，请参见下文。每组中的第一个（粗体）项目是这种方法。红色项目是那些不符合预期的项目。

var tests = [
  '.04*1',
  '.40*1',
  '4*1',
  '40*1'
];
var results = {};
for (var i = 0; i < tests.length; i += 1) {
  results[i] = {};
  for (var p = 1; p < 3; p += 1) {
    results[i][p] = {};
    results[i][p][0] = {
      'output': eval(tests[i]).toPrecision(p).replace(/(?:\.0+|(\.\d+?)0+)$/, "$1"),
      'regex': '/(?:\.0+|(\.\d+?)0+)$/, "$1"'
    };
    results[i][p][1] = {
      'output': eval(tests[i]).toPrecision(p).replace(/\.0+$/, ""),
      'regex': '/\.0+$/, ""'
    };
    results[i][p][2] = {
      'output': eval(tests[i]).toPrecision(p).replace(/\.([^0]+)0+$/, ".$1"),
      'regex': '/\.([^0]+)0+$/, ".$1"'
    };
    results[i][p][3] = {
      'output': eval(tests[i]).toPrecision(p).replace(/0+$/, ""),
      'regex': '/0+$/, ""'
    };
    results[i][p][4] = {
      'output': eval(tests[i]).toPrecision(p).replace(/\.?0+$/, ""),
      'regex': '/\.?0+$/, ""'
    };
  }
}
for (var i in results) {
  $("#result").append("<h1>" + tests[i] + "</h1>");
  for (var p in results[i]) {
    var expected = null;
    for (var t in results[i][p]) {
      var div = $("<div></div>");
      if (t == 0) {
        expected = results[i][p][t].output;
        div.addClass("expected");
      } else if (results[i][p][t].output !== expected) {
        div.addClass("invalid");
      }
      div.append("P" + p + ": " + results[i][p][t].output);
      div.append(" <small>" + results[i][p][t].regex + "</small>");
      $("#result").append(div);
    }
    $("#result").append("<br>");
  }
}

body { font-family: monospace; }
.expected { font-weight: bold; }
.invalid { color: red; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="result"></div>