原生js实现数字三位逗号,分隔。js实现支持逗号分割的货币格式表示法总汇

时间: 2017-12-05阅读: 6617标签: js知识

原生js实现数字三位逗号,分隔。js实现支持货币格式表示法


方法一:

function setMoney(num){//取整,三行逗号隔开
	return parseFloat(num).toLocaleString();
	
}
var m=setMoney(123456.7889);
console.log(m);//输出123,456.789

说明:toLocaleString在将数字转换为字符串的同时,会使用三位分节法进行显示。如果是浮点数,只只保留了小数点后三位数,并进行了四舍五入。

注意:在IE下,浮动数会默认取消,输出结果为123,456


方法二:

function setnum(num){//取整,三行逗号隔开
	/*//获取小数位
    var right=String(num).split('.')[1];
    right=(right==undefined)?'':right;
    */
   num=Math.floor(num);//向下取整,
   num=num.toString(); 
   var len=num.length,
   		r=len%3;
   if(len<=3){
   	return num;
   }
   num=r>0?num.slice(0,r)+","+num.slice(r,len).match(/\d{3}/g).join(","):num.slice(r,len).match(/\d{3}/g).join(","); 
   return num; 
};
var m=setnum(123456.789);
console.log(m);//输出123,456

说明:slice 方法用于截取字符串中的一部分并返回该部分字符串。match方式代表正则表达式的匹配,最后通过join将元素放入一个字符串,用逗号隔开。


方法三

function setnum(num){//保留2位小数,如果没小数位自动补全.00
    if(num && num!=null){  
        num = String(num);  
        var left=num.split('.')[0],right=num.split('.')[1];  
        right = right ? (right.length>=2 ? '.'+right.substr(0,2) : '.'+right+'0') : '.00';  
        var temp = left.split('').reverse().join('').match(/(\d{1,3})/g);  
        return (Number(num)<0?"-":"") + temp.join(',').split('').reverse().join('')+right;  
    }else if(num===0){   //注意===在这里的使用,如果传入的num为0,if中会将其判定为boolean类型,故而要另外做===判断  
        return '0.00';  
    }else{  
        return "";  
    }  
};  
var m=setnum(123456.789);
console.log(m);//输出123,456.78
m=setnum(123456);
console.log(m);//输出123,456.00

如果要将123,456.78转换为123456.78呢?如下:

function undonum(num){  
    if(num && num!=null){  
        num = String(num);  
        var group = num.split('.');  
        var left = group[0].split(',').join('');  
        return Number(left+"."+group[1]);  
    }else{  
        return "";  
    }  
}; 
var m=undonum('123,456.789');
console.log(m);//输出123456.789


站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

链接: http://www.fly63.com/article/detial/221

前端与编译原理——用JS写一个JS解释器

说起编译原理,印象往往只停留在本科时那些枯燥的课程和晦涩的概念。作为前端开发者,编译原理似乎离我们很远,对它的理解很可能仅仅局限于“抽象语法树(AST)”。但这仅仅是个开头而已。编译原理的使用,甚至能让我们利用JS直接写一个能运行JS代码的解释器。

js实现获取手机相册并上传

当初有很多人说使用form方法将文件封装来上传,可是因为要照顾到从相机中选择图片,所以一直没有去做。 后来看到了Uploader的方法来传文件,感觉自己找到了 。是使用plus.uploader来完成的

js函数防抖与函数节流

直接绑定函数到scroll事件是非常错误的决定,当用户滚动页面时,页面可能会变得非常慢甚至未响应。而函数防抖和函数节流是解决这个问题的一种方式,通过限制需要经过的事件,直至再次调用函数,在处理一些高频率触发的 DOM 事件的时候,它们都能极大提高。

javascript不可变性是什么?

不可变性即某个变量在进行了某个操作之后,其本身没有发生变化,比如对于字符串而言,对字符串的任何操作都会改变字符串本身的值,而是在字符串的基础上复制出来一个然后再改变,这样我们就说是不可变的

js检测页面上一个元素是否已经滚动到了屏幕的可视区域内

只要页面加载了,其中在页面中出现的li就向控制台输出第几个发送请求;在本次加载的页面中,再将滚动条滚回前边的li,不再向控制台输出东西,也就是说已经显示过的li,不再向控制台输出东西。

WebSocket的原理及WebSocket API的使用,js中如何运用websocket

WebSocket是HTML5下一种新的协议,为解决客户端与服务端实时通信而产生的技术。其本质是先通过HTTP/HTTPS协议进行握手后创建一个用于交换数据的TCP连接

手写JavaScript中的bind方法

bind方法返回的是一个绑定this后的函数,并且该函数并没有执行,需要手动去调用。(从这一点看bind函数就是一个高阶函数,而且和call,apply方法有区别)。bind方法可以绑定this,传递参数。注意,这个参数可以分多次传递。

js中return关键词的作用_return的用法详解

return从字面意思来看就是返回,官方定义return语句将终止当前函数并可以返回当前函数的值; 也就是说return后面可以跟一个value,也就是说可以跟javascript中的任何数据类型

数字在JavaScript中是如何编译的

JavaScript中的所有数字都是浮点数。这篇博客文章解释了这些浮点数如何在64位二进制内部表示。浮点数并不一定等于小数,定点数也并不一定就是整数。所谓浮点数就是小数点在逻辑上是不固定的,而定点数只能表示小数点固定的数值

原生js实现数组随机排列(数组乱序)的方法.【快速洗牌算法】

在开发中遇到这样的问题,需要将一组已知数组的顺序打乱,按照以前和现在的做法,总结了以下方法。

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!