编码 html 以显示数字，以便它们以千位分隔

Question

我整天都在尝试，但似乎没有任何效果。

我希望我的网站做的是，我在代码的表格单元格中输入一个值，显示的结果将是相同的值，但千位分隔。这些值是严格的数字，但在页面上并非所有内容都是数字。

我尝试了几十种不同的 javascript 代码都无济于事，我开始放弃希望。我查看了我的代码，似乎没有什么相互矛盾的，那可能是什么问题？这真的是一项艰巨的任务吗？

非常感谢您提供的任何意见以及花时间与我一起解决这个问题！我渴望提供您可能需要的任何信息，以便更好地了解情况！

Answer 1

使用toLocaleString

let numb=5934859384;
numb.toLocaleString('pl-PL')

或toFixed

let numb=82384.23456;
console.log(numb.toFixed(2));

或创建类似的函数：

function addDots(numb,position){
  let str=numb.toString().trim();
  let arr=str.split('');
  let result='';
  let index=0;
  for(let i=arr.length-1;i>=0;i--){
    index++;
    let nr=arr[i];
    result=nr+result;
    if(index == position){
        result='.'+result;
      index=0;
    }
  }
  let firstIsDot=result.substr(0,1);
  if(firstIsDot=='.'){
    result=result.substr(1);
  }
  return result;
}

let numb=3484762347;
console.log(addDots(numb,4)); // 34.8476.2347

如果要替换表格中的数字：

function replaceTableNumbers(){
    let tds=$('td');
  for(let i=0;i<tds.length;i++){
    let td=tds[i];
    let txt=$(td).text().trim();
    if(txt.match(/^[0-9]+$/)!=null){
        let parsed=addDots(txt,3);
        $(td).text(parsed);
    }
  }
}

$(document).ready(function(){
  replaceTableNumbers();
})

Answer 2

这个解决方案有效吗？

function numberWithCommas(x) {
    return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}

取自：How to print a number with commas as thousands separators in JavaScript

Answer 3

你的意思是this answer?

$('input.number').keyup(function(event) {

  // skip for arrow keys
  if(event.which >= 37 && event.which <= 40) return;

  // format number
  $(this).val(function(index, value) {
    return value
    .replace(/\D/g, "")
    .replace(/\B(?=(\d{3})+(?!\d))/g, ",");
  });
});