JS保留小数几种简单方法例子
更新时间:2023年10月19日 09:03:41 作者:qq_50630857
这篇文章主要给大家介绍了关于JS保留小数几种简单方法,在JS中保留小数的方法有很多,可以Math函数或者以字符串形式来进行处理,但在有的时候需要四舍五入,有时候不需要,需要的朋友可以参考下
toFixed() 方法
toFixed(n)中n指小数点后的位数
1、整数保留一位小数
var num = 1 num = num.toFixed(1) console.log(num); //1.0
2、小数保留一位
注意:四舍六入五取偶 - 五后非零就进一,五后为零看奇偶,五前为偶应舍去,五前为奇要进一
var num = 1.55 var num1 = 1.45 //5前为偶舍去 num1 = num1.toFixed(1) num = num.toFixed(1) console.log(num); //1.6 console.log(num1); //1.4
二、自定义转换方法 - 四舍五入,转换后仍为数字类型
- 第一个参数为待转换的数字,是小数,整数不能实现
- 第二个参数为保留的小数个数
function roundFun(value, n) {
return Math.round(value*Math.pow(10,n))/Math.pow(10,n);
}
console.log(roundFun(2.853,2)); //2.85
console.log(roundFun(5/3, 2) //1.67
console.log(roundFun(2, 2) //2
//输入小数value,并保留小数点后一位,如果想保留两位,将10改为100
function roundFun(value) {
return Math.round(value * 10) / 10;
}
console.log(roundFun(2.853)); //2.9
三、自定义格式化输出方法 - 对上面自定义转换方法的补充
- 小数位数进行四舍五入,返回的是格式化后的字符串,不是数字,小数点后不足的位数会自动补0,如4会变成4.0返回
//保留n位小数并格式化输出(不足的部分补0)
function fomatFloat(value, n) {
var f = Math.round(value * Math.pow(10, n)) / Math.pow(10, n);
var s = f.toString();
var rs = s.indexOf(".");
if (rs < 0) {
s += ".";
}
for (var i = s.length - s.indexOf("."); i <= n; i++) {
s += "0";
}
return s;
};
console.log(fomatFloat(1,2)); //1.00附:JavaScript 数学表达式:Math.round()
- 语法:
Math.round(xx) // 参数 ‘xx' 代表一个数值
- 返回值:把给定的值四舍五入为最接近的整数
- 示例:
var xx= 20.5; console.log(Math.round(xx, xx)) // 21 var xx= 20.49; console.log(Math.round(xx)) // 20 var xx= -20.5; var xx= -20.55; console.log(Math.round(xx)) // -20 console.log(Math.round(xx)) // -21
- 描述:如果参数的小数部分大于0.5,则舍入到相邻的绝对值更大的整数,相反则舍入到绝对值更小的整数,如果刚好等于0.5,则舍入到相邻的在正无穷
+∞方向的整数
总结
到此这篇关于JS保留小数几种简单方法的文章就介绍到这了,更多相关JS保留小数内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
JavaScript异步编程之Async/Await用法完全指南
async/await是JavaScript中基于Promise的异步语法糖,使异步代码更直观易读,这篇文章主要介绍了JavaScript异步编程之Async/Await用法完全指南的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2026-01-01
javascript 异步页面查询实现代码(asp.net)
异步页面查询,其实与自动完成时一样的原理,根据用户输入的关键词自动的与数据库中的匹配,并显示出来,提高用户体验,但主要搜索量大的话,增加服务器开销。2010-05-05
网络之美 JavaScript中Get和Set访问器的实现代码
前两天IE9 Beta版发布了,对于从事Web开发的朋友们来说真是个好消息啊,希望将来有一天各个浏览器都能遵循统一的标准。今天要和大家分享的是JavaScript中的Get和Set访问器,和C#中的访问器非常相似。2010-09-09


最新评论