Javascript 正则表达式实现为数字添加千位分隔符

 更新时间:2015年03月10日 09:39:26   投稿:hebedich  
在项目中做货币转换的时候经常需要可以实现自动格式化输入的数字,自动千位分隔符,在网上也看到一些其他网友的实现的代码,感觉都不是太满意,于是自己研究了下,分享给大家。

最近在网上有看到使用js来实现数字的千位分隔符的面试(笔试)题,所以就自己写了一个利用“正则+replace”来实现的方法:  

复制代码 代码如下:

 var thousandBitSeparator = function(numStr){
     var b = /([-+]?\d{3})(?=\d)/g;
     return numStr.replace(b, function($0, $1){
         return $1 + ',';
     });
 }

支持正负号匹配,小数点区分,如有错误,希望大大们指出:-D

附上一个其他网友的实现方法

复制代码 代码如下:

<script language="JavaScript" type="text/javascript"> 
function formatNumber(num){ 
 if(!/^(\+|-)?(\d+)(\.\d+)?$/.test(num)){ 
  return num; 
 } 
 var a = RegExp.$1,b = RegExp.$2,c = RegExp.$3; 
 var re = new RegExp().compile("(\\d)(\\d{3})(,|$)"); 
 while(re.test(b)){ 
  b = b.replace(re,"$1,$2$3"); 
 } 
 return a +""+ b +""+ c; 

var num=1234567/3; 
alert("num="+num+",四舍五入:"+Math.round(num)+",两位有效数字:"+num.toFixed(2)+",添加千位分隔符:"+formatNumber(num)); 
</script> 

以上就是本文的全部内容了,希望大家能够喜欢。

相关文章

  • JS实现520 表白简单代码

    JS实现520 表白简单代码

    本文是小编基于js实现的520表白代码,代码简单易懂非常不错,具有一定的参考借鉴价值,需要的朋友参考下吧
    2018-05-05
  • Javascript typeof 用法

    Javascript typeof 用法

    在js里用到数组,比如 多个名字相同的input, 若是动态生成的, 提交时就需要判断其是否是数组.
    2008-12-12
  • JS实现长图上下滚动效果

    JS实现长图上下滚动效果

    这篇文章主要为大家详细介绍了JS实现长图上下滚动效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • JavaScript获取图片真实大小代码实例

    JavaScript获取图片真实大小代码实例

    这篇文章主要介绍了JavaScript获取图片真实大小代码实例,本文使用onload事件来获取图片的真实大小,需要的朋友可以参考下
    2014-09-09
  • js实现手机web图片左右滑动效果

    js实现手机web图片左右滑动效果

    这篇文章主要为大家详细介绍了js实现手机web图片左右滑动效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-12-12
  • JS中实现数组开头添加元素

    JS中实现数组开头添加元素

    这篇文章主要介绍了JS中实现数组开头添加元素方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-06-06
  • JavaScript中清空数组的几种方法

    JavaScript中清空数组的几种方法

    本文主要介绍了JavaScript中清空数组的几种方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-02-02
  • js CSS操作方法集合

    js CSS操作方法集合

    用js实现的对css的一些操作方法,集合,方便需要用js控制css的朋友
    2008-10-10
  • 带你使用webpack快速构建web项目的方法

    带你使用webpack快速构建web项目的方法

    这篇文章主要介绍了带你使用webpack快速构建web项目的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-11-11
  • JavaScript怎么判断图片是否加载完成以便获取其尺寸

    JavaScript怎么判断图片是否加载完成以便获取其尺寸

    需要获取图片的尺寸,就需要在图片加载完成以后才可以,下面有个不错的方法,大家不妨参考下
    2014-05-05

最新评论