js 数字转换为带有千分位标注的格式的几种方法的记录

皮卡丘-杰尼龟

于 2024-01-30 22:15:00 发布

阅读量437

点赞数 3

文章标签： javascript 前端

本文链接：https://blog.csdn.net/weixin_46328739/article/details/135929282

版权

本文介绍了四种JavaScript方法来格式化数字为本地化的千位分隔字符串：内置toLocaleString()函数，正则表达式+replace()，循环+splice()，以及递归+substr()。详细展示了每种方法的代码示例。

摘要由CSDN通过智能技术生成

方法一：使用内置函数toLocaleString()

toLocaleString() 是 JavaScript 内置的函数，用于将数字格式化为本地化的字符串表示形式。它会根据当前用户的地区设置自动添加千分位分隔符。

let num = 1234567.89;
let formattedNum = num.toLocaleString(); // "1,234,567.89"

方法二：使用正则表达式和replace()方法

使用正则表达式 \B(?=(\d{3})+(?!\d)) 来匹配每个三位数字组合前面的位置，并在这些位置插入逗号

正则表达式解释： “在非单词边界处（即数字之间）匹配每个连续的三个数字组合，但排除最末尾的数字组合后面的位置”。例如，在数字 1234567 中，正则表达式会匹配 234 和 567，但不会匹配 1。

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

let num = 1234567.89;
let formattedNum = addThousandsSeparator(num); // "1,234,567.89"

方法三：使用循环和splice()方法

将数字转换为字符串，并将整数部分和小数部分分开处理。然后，它使用循环来遍历整数部分的每个数字，每隔三个数字插入一个逗号

function addThousandsSeparator(num) {
  let str = num.toString();
  let arr = str.split('.');
  let intPart = arr[0];
  let decimalPart = arr[1] || '';
  
  let result = [];
  let count = 0;
  
  for (let i = intPart.length - 1; i >= 0; i--) {
    result.unshift(intPart[i]);
    count++;
    if (count % 3 === 0 && i !== 0) {
      result.unshift(',');
    }
  }
  
  return result.join('') + (decimalPart ? '.' + decimalPart : '');
}

let num = 1234567.89;
let formattedNum = addThousandsSeparator(num); // "1,234,567.89"

方法四：使用递归和substr()方法

使用递归来不断地截取字符串的后三位数字组合，并在它们之前插入逗号。递归终止条件是字符串长度小于等于3

function addThousandsSeparator(num) {
  let str = num.toString();
  if (str.length <= 3) {
    return str;
  } else {
    return addThousandsSeparator(str.substr(0, str.length - 3)) + ',' + str.substr(str.length - 3);
  }
}

let num = 1234567.89;
let formattedNum = addThousandsSeparator(num); // "1,234,567.89"