javascript 方法实现千位分隔符(面试题)
仔细思考:
输入:数字(考虑数字是否合法、正负号、小数点)、字符串
输出:考虑到使用场景,最好是字符串
直接上代码:
<input type="text" id="int" onblur="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>
<input type="text">
<script> ipt[0].onblur=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.方法一:
<input type="text" id="int" onblur="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].onblur=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));
声明:该文观点仅代表作者本人,入门客AI创业平台信息发布平台仅提供信息存储空间服务,如有疑问请联系rumenke@qq.com。
- 上一篇: vue 中 v-if 和 v-show 的区别
- 下一篇: js中数组去重的几种方法