javascript 方法实现千位分隔符(面试题)

面试时遇到过千位分隔符的面试题,下面我总结了一些方法

仔细思考:
输入:数字(考虑数字是否合法、正负号、小数点)、字符串
输出:考虑到使用场景,最好是字符串

直接上代码:


1.方法一:

   <input type="text" id="int" οnblur="int()">
   <input type="text" id="inta" >


<script>
function int() {
var a=document.getElementById('int').value; 
var b=a.toString();
var x=parseInt(b).toString();
var leng=x.length;
var last=b.substring(leng-3,b.length) //最后三位
var s=leng%3; 
var m=Math.floor(leng/3)-1;
var new_a="";
if(s==0&&leng>3){
for(i=0;i<m;i++){
           new_a+=x.substring(i*3,i*3+3)+",";
a=new_a+last;111,222,333
}else if(s==1&&leng>3){

   one=x.substring(0,1);
for(i=0;i<m;i++){
new_a+=x.substring(i*3+1,i*3+4)+",";
}
a=one+","+new_a+last;


}else if(s==2&&leng>3){
one=x.substring(0,2);
for(i=0;i<m;i++){
new_a+=x.substring(i*3+2,i*3+5)+",";
}
a=one+","+new_a+last;
}
document.getElementById('inta').value=a;
}
</script>



2.方法二:

        <input type="text">
<input type="text">

        <script>
         ipt[0].οnblur=function(){
var text=ipt[0].value;
var val="";
var k=0;
            for(i=text.length-1;i>=0;i--){
            k++;
            val=text[i]+val;   //保证每个字符都被加上
            if(!(k%3)&&i!=0){   //每隔3位还要额外加一个逗号
            val=","+val;
            }
            }
            ipt[1].value=val;
}
</script>


前两种方法,再有小数时就会出现错误,下面正则方法完美呈现


3.方法三:



   function ce(num) {
     return num && (num
           .toString().indexOf('.') != -1 ? num.toString().replace(/(\d)(?=(\d{3})+\.)/g, function($0, $1) {
      return $1 + ",";
    }) : num.toString().replace(/(\d)(?=(\d{3}))/g, function($0, $1) {
      return $1 + ",";
    }));
}
console.log(ce(1353400.23));


 










  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值