JavaScript保留两位小数总结

一、四舍五入相关

1、toFixed()方法

需注意，保留两位小数，将数值类型的数据改变成了字符串类型

// 1.四舍五入
var num = 2.446526;
num = num.toFiexed(2);
console.log(num);//2.45
console.log(typeof num);//string

2、Math.floor()，不四舍五入，向下取整

注意，不改变数据类型

// 2.不四舍五入 向下取整
var num = 2.456556;
num = Math.floor(num * 100) / 100;
console.log(num);//2.45
console.log(typeof num);//number

3、字符串匹配

注意，先将数据转换为字符串，最后再转为数值类型

//不四舍五入 字符串匹配再转换
var num = 2.456556;
num = Number(num.toString().match(/^\d+(?:\.\d{0,2})?/));
console.log(num);
console.log(typeof num);

4、四舍五入保留2位小数（若第二位小数为0，则保留一位小数）

注意，数据类型不变

var num = 2.456556;
function keepTwoDecimal(num) {
    var result = parseFloat(num);
    if (isNaN(result)) {
        console.log('传递参数错误，请检查!');
        return false;
    }
    result = Math.round(num * 100) / 100;
    return result;
}
const result = keepTwoDecimal(num);
console.log(result);
console.log(typeof result);

5、四舍五入保留2位小数（不够位数，则用0替补）

//5.四舍五入保留2位小数（不够位数，则用0替补）
function keepTwoDecimalFull(num) {
    var result = parseFloat(num);
    if (isNaN(result)) {
        console.log('传递参数错误，请检查！');
        return false;
    }
    result = Math.round(num * 100) / 100;
    var s_x = result.toString(); //将数字转换为字符串

    var pos_decimal = s_x.indexOf('.'); //小数点的索引值

    // 当整数时，pos_decimal=-1 自动补0
    if (pos_decimal < 0) {
        pos_decimal = s_x.length;
        s_x += '.';
    }

    // 当数字的长度< 小数点索引+2时，补0
    while (s_x.length <= pos_decimal + 2) {
        s_x += '0';
    }
    return s_x;
}
console.log(keepTwoDecimalFull(120.5)); //120.50
console.log(typeof keepTwoDecimalFull(120.5)); //string
console.log(keepTwoDecimalFull(2.446242342)); //2.45
console.log(typeof keepTwoDecimalFull(2.446242342)); //string

二、浮点数保留两位小数

1、将浮点数四舍五入，取小数点后2位

注意，数据类型不变

//浮点数保留两位小数
//1、功能：将浮点数四舍五入，取小数点后2位
function toDecimal(x) {
    var f = parseFloat(x);
    if(isNaN(f)) {
        return;
    }
    f = Math.round(x * 100) / 100;
    return f;
}
console.log(toDecimal(3.1415926));//3.15
console.log(typeof toDecimal(3.1415926));//number

2、强制保留2位小数，如：2，会在2后面补上00.即2.00

注意，数据类型变为字符串类型

//2.强制保留2位小数，如：2，会在2后面补上00.即2.00
function toDecimal2(x) {
    var f = parseFloat(x);
    if (isNaN(f)) {
        return false;
    }
    var f = Math.round(x * 100) / 100;
    var s = f.toString();
    var rs = s.indexOf('.');
    if (rs < 0) {
        rs = s.length;
        s += '0';
    }
    while (s.length <= rs + 2) {
        s += '0';
    }
    return s;
}
console.log(toDecimal2(3.1));//3.10
console.log(typeof toDecimal2(3.1415926));//string

3、保留两位小数 浮点数四舍五入 位数不够 不补0

注意数据类型不变

// 3.保留两位小数 浮点数四舍五入 位数不够 不补0
function fomatFloat(src,pos){
    return Math.round(src*Math.pow(10, pos))/Math.pow(10, pos);
}
console.log(fomatFloat(3.12645,2)); // 3.13
console.log(typeof fomatFloat(3.1415926)); //number