js正则表达式将一个字符串拆分成3个一组,每组添加,

javascript 复制代码
let a='123456789.9876543210'

a.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")//输出结果:'123,456,789.9,876,543,210'
  1. num.toString(): 将数字 num 转换为字符串。

  2. .replace(/\B(?=(\d{3})+(?!\d))/g, ','):

    • .replace() 是字符串对象的方法,用于替换匹配的字符串。
    • / \B(?=(\d{3})+(?!\d))/g 是一个新的正则表达式。
      • \B: 匹配一个非单词边界,确保我们不在数字的开头插入逗号。
      • (?=(\d{3})+(?!\d)): 正向预查,匹配之后跟着一组三个数字(这个组可以重复多次),但是不能再有数字。
      • /g: 全局匹配,替换所有匹配而不仅仅是第一个。
    • ',': 替换为逗号。

假设 num 的值为 1234567.89

  • num.toString() 将其转换为字符串 "1234567.89"
  • .replace(/\B(?=(\d{3})+(?!\d))/g, ',')
    • 正则表达式在字符串中查找每个非单词边界的位置。
    • 当它找到一个位置,该位置后面跟着一组三个数字(或者是字符串的结尾),就在这个位置插入一个逗号。
    • 所以,1234567.89 被替换为 1,234,567.89

这样修改后的代码能够正确处理包含小数位的数字,并在适当的位置插入千位分隔符。

相关推荐
恋猫de小郭1 小时前
Flutter 正在计划提供 Packaged AI Assets 的支持,让你的包/插件可以更好被 AI 理解和选择
android·前端·flutter
小小前端--可笑可笑1 小时前
Vue / React 单页应用刷新 /login 无法访问问题分析
运维·前端·javascript·vue.js·nginx·react.js
蒂法就是我2 小时前
mysql主键索引和其他索引区别在哪里?
数据库·mysql
小林敲代码77882 小时前
记一次 Vue 项目首屏优化:从 7.1s 到 0.9s,深挖 Gzip 的力量
前端·javascript·vue.js
前端大卫2 小时前
写给年轻程序员的几点小建议
前端
Highcharts.js2 小时前
什么是向量图表?如何用 Highcharts 快速创建一个笛卡尔坐标图/矢量图?
javascript·开发文档·highcharts·图表开发·向量图·矢量图表·笛卡尔坐标图
NEXT063 小时前
React 闭包陷阱深度解析:从词法作用域到快照渲染
前端·react.js·面试
脱离语言3 小时前
Jeecg3.8.2 前端经验汇总
开发语言·前端·javascript
NEXT063 小时前
useMemo 与 useCallback 的原理与最佳实践
前端·javascript·react.js
小爱丨同学3 小时前
React-Context用法汇总 +注意点
前端·javascript·react.js