如何修改JavaScript代码将数值中的小数点替换为逗号

云上老周

2026-8-4

解决方案

你可以通过两种方式实现将小数点替换为逗号作为小数分隔符：

方法一：使用国际化数字格式化（推荐）

Intl.NumberFormat 能根据指定地区的格式规则处理数字，比如德语区（de-DE）默认用逗号作为小数分隔符，同时还能自动处理千分位分隔，更符合本地化展示需求。修改后的代码如下：

<script>
var input = document.getElementById("invest_input-1");
input.oninput = function() {
  // 配置格式化规则：固定保留两位小数
  const formatter = new Intl.NumberFormat('de-DE', {
    minimumFractionDigits: 2,
    maximumFractionDigits: 2
  });

  var out = input.value * 0.38;
  document.getElementById('invest_output_result-1').innerHTML = formatter.format(out);
  var out = input.value * 0.032;
  document.getElementById('invest_output_result-2').innerHTML = formatter.format(out);
  var out = input.value * 0.03;
  document.getElementById('invest_output_result-3').innerHTML = formatter.format(out);
  var out = input.value * 0.13;
  document.getElementById('invest_output_result-4').innerHTML = formatter.format(out);
};
</script>

方法二：直接替换小数点

如果只需要简单替换小数点为逗号，不需要千分位分隔符，可以用字符串替换方法：

<script>
var input = document.getElementById("invest_input-1");
input.oninput = function() {
  var out = (input.value * 0.38).toFixed(2).replace('.', ',');
  document.getElementById('invest_output_result-1').innerHTML = out;
  var out = (input.value * 0.032).toFixed(2).replace('.', ',');
  document.getElementById('invest_output_result-2').innerHTML = out;
  var out = (input.value * 0.03).toFixed(2).replace('.', ',');
  document.getElementById('invest_output_result-3').innerHTML = out;
  var out = (input.value * 0.13).toFixed(2).replace('.', ',');
  document.getElementById('invest_output_result-4').innerHTML = out;
};
</script>

两种方法区别：