前端保留两位有效数字_js保留两位⼩数⽅法总结
本⽂是⼩编针对js保留两位⼩数这个⼤家经常遇到的经典问题整理了在各种情况下的函数写法以及遇到问题的分析,以下是全部内容:⼀、我们⾸先从经典的“四舍五⼊”算法讲起
1、四舍五⼊的情况
var num =2.446242342;
num = Fixed(2); // 输出结果为 2.45
2、不四舍五⼊
第⼀种,先把⼩数边整数:
Math.floor(15.7784514000 * 100) / 100 // 输出结果为 15.77
第⼆种,当作字符串,使⽤正则匹配:
Number(String().match(/^\d+(?:\.\d{0,2})?/)) // 输出结果为 15.77,不能⽤于整数如 10 必须写为10.0000注意:如果是负数,请先转换为正数再计算,最后转回负数
再分享⼀个经典的解决四舍五⼊问题后js保留两位⼩数的⽅法:
//四舍五⼊保留2位⼩数(若第⼆位⼩数为0,则保留⼀位⼩数)
function keepTwoDecimal(num) {
var result = parseFloat(num);
if (isNaN(result)) {
alert('传递参数错误,请检查!');
return false;
}
result = und(num * 100) / 100;
return result;
}
/
/四舍五⼊保留2位⼩数(不够位数,则⽤0替补)
function keepTwoDecimalFull(num) {
var result = parseFloat(num);
if (isNaN(result)) {
alert('传递参数错误,请检查!');
return false;
}
result = und(num * 100) / 100;
var s_x = String();
var pos_decimal = s_x.indexOf('.');
if (pos_decimal < 0) {
pos_decimal = s_x.length;
s_x += '.';
}
while (s_x.length <= pos_decimal + 2) {
s_x += '0';
}
return s_x;
}
⼆、Js取float型⼩数点后两位数的⽅法
//保留两位⼩数
//功能:将浮点数四舍五⼊,取⼩数点后2位
function toDecimal(x) {
var f = parseFloat(x);
if (isNaN(f)) {
return;
}
f = und(x*100)/100;
return f;
}
//制保留2位⼩数,如:2,会在2后⾯补上00.即2.00 function toDecimal2(x) {
var f = parseFloat(x);
if (isNaN(f)) {
return false;
}
var f = und(x*100)/100;
var s = f.toString();
var rs = s.indexOf('.');
if (rs < 0) {
rs = s.length;
s += '.';
}
while (s.length <= rs + 2) {
s += '0';
}
return s;
}
function fomatFloat(src,pos){
und(src*Math.pow(10, pos))/Math.pow(10, pos);
}
//四舍五⼊
alert("保留2位⼩数:" + toDecimal(3.14159267));
alert("强制保留2位⼩数:" + toDecimal2(3.14159267));
alert("保留2位⼩数:" + toDecimal(3.14559267));
alert("强制保留2位⼩数:" + toDecimal2(3.15159267));
alert("保留2位⼩数:" + fomatFloat(3.14559267, 2));
alert("保留1位⼩数:" + fomatFloat(3.15159267, 1));
//五舍六⼊
alert("保留2位⼩数:" + Fixed(2));
alert("保留1位⼩数:" + Fixed(1));
alert("保留1位⼩数:" + Fixed(1));
alert("保留1位⼩数:" + Fixed(1));
//科学计数
alert(Exponential(2));
alert(Exponential(2));
alert(Exponential(2));
alert(Exponential(2));
alert(Exponential(1));
//精确到n位,不含n位
alert("精确到⼩数点第2位" + Precision(2));
alert("精确到⼩数点第3位" + Precision(3));
alert("精确到⼩数点第2位" + Precision(2));
alert("精确到⼩数点第2位" + Precision(2));
alert("精确到⼩数点第5位" + Precision(5));
⽤Javascript取float型⼩数点后两位,例22.127456取成22.13,如何做?
1.丢弃⼩数部分,保留整数部分
parseInt(5/2)
2.向上取整,有⼩数就整数部分加1
3,四舍五⼊.
4,向下取整
Math.floor(5/2)
另类的⽅法
1. 最笨的办法
function get()
{
var s = 22.127456 + "";
var str = s.substring(0,s.indexOf(".") + 3);
alert(str);
}
2. 正则表达式效果不错
onload = function(){
var a = "23.456322";
var aNew;
var re = /([0-9]+.[0-9]{2})[0-9]*/;
aNew = a.replace(re,"$1");
alert(aNew);
}
3. 他就⽐较聪明了
var num=22.127456;
alert( und(num*100)/100);
4.会⽤新鲜东西的朋友....... 但是需要 IE
5.5+才⽀持。
5.js保留2位⼩数(强制)
对于⼩数点位数⼤于2位的,⽤上⾯的函数没问题,但是如果⼩于2位的,⽐如:changeTwoDecimal(3.1),将返回3.1,如果你⼀定需要3.10这样的格式,那么需要下⾯的这个函数:
function changeTwoDecimal_f(x) {
var f_x = parseFloat(x);
if (isNaN(f_x)) {
alert('function:changeTwoDecimal->parameter error');
return false;
}
var f_x = und(x * 100) / 100;
var s_x = String();
var pos_decimal = s_x.indexOf('.');
if (pos_decimal < 0) {
pos_decimal = s_x.length;
s_x += '.';
}
while (s_x.length <= pos_decimal + 2) {
s_x += '0';
}
return s_x;
}
三、js保留两位⼩数,⾃动补充零
function returnFloat(value){
var und(parseFloat(value)*100)/100;
var String().split(".");
if(xsd.length==1){
String()+".00";
return value;
}
四舍五入函数保留整数if(xsd.length>1){
if(xsd[1].length<2){
String()+"0";
}
return value;
}
}
四、JS取整数,js取绝对值,js四舍五⼊(可保留两位⼩数)
JS取整数,js取绝对值,js四舍五⼊(可保留两位⼩数)函数如下:
总结
JS数据格式化是在进⾏web前端开发时常碰到的事情,特别是在数据类型为Float的数据就需要特殊处
理,如保留两位⼩数、⼩数点后的数据是否需要四舍五⼊等等。下⾯就来介绍实现数据格式化保留两位⼩数的多种⽅法。
1、JS⾃带的⽅法toFixed(),toFixed() ⽅法可把 Number 四舍五⼊为指定⼩数位数的数字。
语法:Fixed(num),mun是必需的参数,即规定⼩数的位数,是 0 ~ 20 之间的值,包括 0 和 20,有些实现可以⽀持更⼤的数值范围。如果省略了该参数,将⽤ 0 代替,所以toFixed() ⽅法可以实现保留2位、3位、4位等等,取决于num的数值。