首页 > 编程语言 >[javascript] 使用正则替换逗号分割钱

[javascript] 使用正则替换逗号分割钱

时间:2024-10-14 11:26:00浏览次数:6  
标签:12 const res javascript num 逗号 正则 123 reg

    const val = ['12', '123', '1234', '12345', '123456', '1234567', '1234442313123']
    const reg = /(?<=\d)(?=(\d{4})+(?!\d))/g
    let res = ''
    val.forEach(i => {
      const num = i.replace(reg, ',')
      res += `${num}`
      res += '        '
    })
    console.log(res)

>>>      12        123        1234        1,2345        12,3456        123,4567        1,2344,4231,3123
    const val = ['12', '123', '1234', '12345', '123456', '1234567', '1234442313123']
    const reg = /(?<=\d)(?=(\d{3})+(?!\d))/g
    let res = ''
    val.forEach(i => {
      const num = i.replace(reg, ',')
      res += `${num}`
      res += '        '
    })
    console.log(res)
>>> 12        123        1,234        12,345        123,456        1,234,567        1,234,442,313,123 
const reg = /(?<=\d)(?=(\d{3})+(?!\d))/g   解释

因为只匹配位置, 不能改变原来的数值,所以正则用的都是前瞻运算符
中间的
(?=(\d{3})+ 表示后面的数字, 每三个为一组, 前面的(?<=\d)
表示前面出现的一定是数字,相当于去掉 ,123,345的情况,
结尾出现的 (?!\d) 表示匹配的(三个三个的数字分组的)结尾不能是数字

前面是数字, 中间是3位一组的数字组,结尾不能是数字


标签:12,const,res,javascript,num,逗号,正则,123,reg
From: https://www.cnblogs.com/fmg0224/p/18463678

相关文章

  • JavaScript前端开发
    JavaScript前端开发是一个涉及多种工具、框架和最佳实践的复杂领域。以下是一些关键点,帮助你更好地理解和实践JavaScript前端开发:开发工具:常用的JavaScript开发工具有VisualStudioCode、SublimeText、HBuilder等。这些工具能够极大提高开发效率和体验。WebStorm、NetBean......
  • JavaScript前端开发技术
    JavaScript前端开发技术详解引言JavaScript(简称JS)是一种广泛使用的脚本语言,特别在前端开发领域,它几乎成为了网页开发的标配。从简单的表单验证到复杂的单页应用(SPA),JavaScript都扮演着不可或缺的角色。本文将深入探讨JavaScript前端开发的基本概念、发展历程、核心特性、框......
  • [vue3 JavaScript CSS]实现电商网站商品预览,图片放大镜功能
    da效果预览:当鼠标浮在图片上时,灰色小框跟随鼠标运动。右侧大图显示。灰色框不会跑出图片,鼠标移动,右侧大图相应跟随移动。实现思路在实现前,我们想梳理一下我们要实现什么功能灰色框跟随鼠标移动,注意处理边界情况当鼠标进入时右侧大图出现,鼠标移出时右侧大图消失鼠标向左......
  • day05-Lambda、方法引用、算法、正则表达式
    day05-算法和数据结构一、Arrays类接下来我们学习的类叫做Arrays,其实Arrays并不是重点,但是我们通过Arrays这个类的学习有助于我们理解下一个知识点Lambda的学习。所以我们这里先学习Arrays,再通过Arrays来学习Lamdba这样学习会更丝滑一些_.1.1Arrays基本使用我们先认识一下Arr......
  • JavaScript基础1
    实验介绍:JavaScript可以使网页进行交互。它和Java没有任何关系,但在它出现的时候Java很热门,为了引起人们对它的重视,它起名JavaScript。一:JavaScript里的新概念语法DOM对象是一种编程接口,允许我们从文档中增删改除元素。当浏览器加载一个网页时,它会将网页中的HTML内容解析成一......
  • 深拷贝与浅拷贝:JavaScript 里的“复制粘贴”大作战
    在JavaScript的世界里,复制对象就像是在玩“传声筒”游戏,听着听着就乱了套。今天,我们要聊聊两个“复制”大法:深拷贝和浅拷贝。他们就像是“有深度的朋友”和“表面交情的朋友”,那么到底有什么区别呢?让我们一起看看!1.浅拷贝:表面交情浅拷贝就像你和朋友一起去吃火锅,你们的......
  • Javascript笔试手撕题目大全
    1.如何使用JS模拟实现instanceof操作符?请写出具体代码方法描述优点缺点typeof 运算符返回变量的数据类型(对于基本类型很有效,但对于对象和数组返回 "object")简洁易用,适用于基本类型判断无法准确判断 null(返回 "object")和复杂对象/数组的类型instanceof 运算符检查对象是......
  • 前端知识整理(全屏播放器 CSS JavaScript 轮转播放 jquery库 AJAX 画布 网页测试)
    currenttime在前端开发中,“currenttime”通常指的是获取用户设备的当前时间。这可以通过JavaScript来实现,下面是一个简单的示例代码,展示如何获取并显示当前时间:<!DOCTYPEhtml><html><head><title>显示当前时间</title></head><body><h1>当前时间:</h1><pid="d......
  • 大学生HTML期末大作业——HTML+CSS+JavaScript游戏网站(英雄联盟)
    HTML+CSS+JS【游戏网站】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计......
  • JavaScript中的DOM和Timer(简单易用的基本操作)
    JavaScript中的DOM和Timer基本操作DOM操作传统的选择器选择器idvarelements=document.getElementById(id的名称);例如:varelements=document.getElementById("test");选择id为test的标签选择器classvarelements=document.getElementsByClassName(class的名称);......