当前位置:首页 > JavaScript

js实现千位符

2026-04-04 07:40:53JavaScript

js实现千位符

方法一:使用 toLocaleString() 方法

const number = 1234567.89;
const formattedNumber = number.toLocaleString();
console.log(formattedNumber); // 输出 "1,234,567.89"

该方法会自动根据当前地区设置添加千位分隔符,默认使用逗号作为分隔符。

js实现千位符

方法二:使用正则表达式替换

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

const num = 1234567;
console.log(formatNumberWithCommas(num)); // 输出 "1,234,567"

正则表达式解释:

  • \B 匹配非单词边界
  • (?=(\d{3})+(?!\d)) 正向预查,匹配后面跟着3的倍数数字的位置

方法三:处理小数的情况

function formatNumber(num) {
  const parts = num.toString().split(".");
  parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
  return parts.join(".");
}

console.log(formatNumber(1234567.89)); // 输出 "1,234,567.89"

方法四:纯数字处理方式

function addCommas(number) {
  let numStr = Math.floor(number).toString();
  let result = '';

  for (let i = numStr.length - 1, j = 0; i >= 0; i--, j++) {
    if (j > 0 && j % 3 === 0) {
      result = ',' + result;
    }
    result = numStr[i] + result;
  }

  return result;
}

console.log(addCommas(1234567)); // 输出 "1,234,567"

方法五:使用 Intl.NumberFormat

const formatter = new Intl.NumberFormat('en-US');
console.log(formatter.format(1234567)); // 输出 "1,234,567"

这种方法可以指定不同的地区格式,更加灵活国际化。

标签: js千位符
分享给朋友:

相关文章

js实现pdf在线预览

js实现pdf在线预览

使用PDF.js实现PDF在线预览 PDF.js是由Mozilla开发的一个开源JavaScript库,可以在网页中直接渲染PDF文件。以下是实现PDF在线预览的步骤: 引入PDF.js库 在HT…

js实现防洪

js实现防洪

防抖(Debounce)实现 防抖的核心思想是在事件触发后延迟执行回调函数,若在延迟时间内再次触发事件,则重新计时。适用于输入框搜索、窗口调整等场景。 function debounce(f…

js树实现

js树实现

树的基本概念 树是一种非线性的数据结构,由节点和边组成。每个节点包含一个值和指向子节点的引用。树的顶部节点称为根节点,没有子节点的节点称为叶节点。 树的实现方式 在JavaScript中,树可以通过…

js实现菜单

js实现菜单

实现基本HTML结构 使用HTML创建菜单的基本框架,通常包含<ul>和<li>元素。示例结构如下: <ul id="menu"> <li><…

js 实现日历

js 实现日历

实现日历的基本思路 日历的核心功能是展示日期,并允许用户进行日期选择或导航。JavaScript 可以动态生成日历的 HTML 结构,并处理用户交互逻辑。 基础日历结构 日历通常包含头部(显示月份和…

js实现隐藏div

js实现隐藏div

隐藏div的几种方法 使用JavaScript隐藏div元素可以通过多种方式实现,以下是几种常见的方法: 方法一:修改style.display属性 将div的display属性设置为"none"…