js-计算保留小数点一两位并避免出现无限小数的bug

2024-06-03 11:58

本文主要是介绍js-计算保留小数点一两位并避免出现无限小数的bug,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

这篇文章主要介绍了javascript实现保留两位小数的多种不同效果,如果数字的原本小数位数不到两位,那么缺少的就自动补零,非常适用于商城类网站,感兴趣的小伙伴们可以参考一下。一般可以用作全局方法调用。

(function (window) {

// 将小数点清零

var toInteger = function (value) {

value = Math.round(parseFloat(value));

return value;

};

// 保留一位小数点

var toDecimal = function (value) {

value = Math.round(parseFloat(value) * 10) / 10;

if (value.toString().indexOf(".") < 0) {

value = value.toString() + ".0";

}

return value;

}

// 保留两位小数点

var toFloat = function (value) {

value = Math.round(parseFloat(value) * 100) / 100;

if (value.toString().indexOf(".") < 0) {

value = value.toString() + ".00";

}

return value;

}

// 保留两位小数点,一位小数自动补零

var toZero = function (value) {

value = Math.round(parseFloat(value) * 100) / 100;

var xsd = value.toString().split(".");

//Ext.log(xsd.length);

if (xsd.length == 1) {

value = value.toString() + ".00";

return value;

}

if (xsd.length > 1) {

if (xsd[1].length < 2) {

value = value.toString() + "0";

}

return value;

}

}

window.fomatFloat = {

toInteger: toInteger,

toDecimal: toDecimal,

toFloat: toFloat,

toZero: toZero,

};

})(window);

使用方式:

console.log(fomatFloat.toInteger(1234.45678));

console.log(fomatFloat.toDecimal(1234.45678));

console.log(fomatFloat.toFloat(1234.45678));

console.log(fomatFloat.toZero(1234.45678));

console.log(fomatFloat.toZero(1234.1));

console.log(fomatFloat.toZero(1234));

运行结果:

js-计算保留小数点一两位并避免出现无限小数的bug


本文内容均属个人原创作品,转载此文章须附上出处及原文链接。

加关注,定时推送,互动精彩多,若你有更好的见解,欢迎留言探讨!

这篇关于js-计算保留小数点一两位并避免出现无限小数的bug的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1026928

相关文章

JS常用组件收集

收集了一些平时遇到的前端比较优秀的组件,方便以后开发的时候查找!!! 函数工具: Lodash 页面固定: stickUp、jQuery.Pin 轮播: unslider、swiper 开关: switch 复选框: icheck 气泡: grumble 隐藏元素: Headroom

在JS中的设计模式的单例模式、策略模式、代理模式、原型模式浅讲

1. 单例模式(Singleton Pattern) 确保一个类只有一个实例,并提供一个全局访问点。 示例代码: class Singleton {constructor() {if (Singleton.instance) {return Singleton.instance;}Singleton.instance = this;this.data = [];}addData(value)

poj 1113 凸包+简单几何计算

题意: 给N个平面上的点,现在要在离点外L米处建城墙,使得城墙把所有点都包含进去且城墙的长度最短。 解析: 韬哥出的某次训练赛上A出的第一道计算几何,算是大水题吧。 用convexhull算法把凸包求出来,然后加加减减就A了。 计算见下图: 好久没玩画图了啊好开心。 代码: #include <iostream>#include <cstdio>#inclu

uva 1342 欧拉定理(计算几何模板)

题意: 给几个点,把这几个点用直线连起来,求这些直线把平面分成了几个。 解析: 欧拉定理: 顶点数 + 面数 - 边数= 2。 代码: #include <iostream>#include <cstdio>#include <cstdlib>#include <algorithm>#include <cstring>#include <cmath>#inc

uva 11178 计算集合模板题

题意: 求三角形行三个角三等分点射线交出的内三角形坐标。 代码: #include <iostream>#include <cstdio>#include <cstdlib>#include <algorithm>#include <cstring>#include <cmath>#include <stack>#include <vector>#include <

XTU 1237 计算几何

题面: Magic Triangle Problem Description: Huangriq is a respectful acmer in ACM team of XTU because he brought the best place in regional contest in history of XTU. Huangriq works in a big compa

Node.js学习记录(二)

目录 一、express 1、初识express 2、安装express 3、创建并启动web服务器 4、监听 GET&POST 请求、响应内容给客户端 5、获取URL中携带的查询参数 6、获取URL中动态参数 7、静态资源托管 二、工具nodemon 三、express路由 1、express中路由 2、路由的匹配 3、路由模块化 4、路由模块添加前缀 四、中间件

EasyPlayer.js网页H5 Web js播放器能力合集

最近遇到一个需求,要求做一款播放器,发现能力上跟EasyPlayer.js基本一致,满足要求: 需求 功性能 分类 需求描述 功能 预览 分屏模式 单分屏(单屏/全屏) 多分屏(2*2) 多分屏(3*3) 多分屏(4*4) 播放控制 播放(单个或全部) 暂停(暂停时展示最后一帧画面) 停止(单个或全部) 声音控制(开关/音量调节) 主辅码流切换 辅助功能 屏

音视频入门基础:WAV专题(10)——FFmpeg源码中计算WAV音频文件每个packet的pts、dts的实现

一、引言 从文章《音视频入门基础:WAV专题(6)——通过FFprobe显示WAV音频文件每个数据包的信息》中我们可以知道,通过FFprobe命令可以打印WAV音频文件每个packet(也称为数据包或多媒体包)的信息,这些信息包含该packet的pts、dts: 打印出来的“pts”实际是AVPacket结构体中的成员变量pts,是以AVStream->time_base为单位的显

使用JS/Jquery获得父窗口的几个方法(笔记)

<pre name="code" class="javascript">取父窗口的元素方法:$(selector, window.parent.document);那么你取父窗口的父窗口的元素就可以用:$(selector, window.parent.parent.document);如题: $(selector, window.top.document);//获得顶级窗口里面的元素 $(