微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
最近更新
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > js教程 > 正文

JavaScript保留两位小数的2个自定义函数_javascript技巧

php中文网
发布： 2016-05-16 16:49:54
原创
1476人浏览过

对于一些小数点后有多位的浮点数，我们可能只需要保留2位，但js没有提供这样直接的函数，所以我们得自己写函数实现这个功能，代码如下：

复制代码 代码如下:

function changeTwoDecimal(x) {
    var f_x = parseFloat(x);
    if (isNaN(f_x)) {
        alert('function:changeTwoDecimal->parameter error');
        return false;
    }
    var f_x = Math.round(x * 100) / 100;
    return f_x;
}

功能：将浮点数四舍五入，取小数点后2位用法：changeTwoDecimal(3.1415926)返回3.14 changeTwoDecimal(3.1475926)返回3.15


js保留2位小数（强制）

对于小数点位数大于2位的，用上面的函数没问题，但是如果小于2位的，比如：changeTwoDecimal(3.1)，将返回3.1，如果你一定需要3.10这样的格式，那么需要下面的这个函数：

创客贴设计
创客贴设计

创客贴设计，一款智能在线设计工具，设计不求人，AI助你零基础完成专业设计！

创客贴设计 150
查看详情 创客贴设计
复制代码 代码如下:

function changeTwoDecimal_f(x) {
    var f_x = parseFloat(x);
    if (isNaN(f_x)) {
        alert('function:changeTwoDecimal->parameter error');
        return false;
    }
    var f_x = Math.round(x * 100) / 100;
    var s_x = f_x.toString();
    var pos_decimal = s_x.indexOf('.');
    if (pos_decimal         pos_decimal = s_x.length;
        s_x += '.';
    }
    while (s_x.length         s_x += '0';
    }
    return s_x;
}

功能：将浮点数四舍五入，取小数点后2位，如果不足2位则补0,
这个函数返回的是字符串的格式用法：changeTwoDecimal(3.1415926)返回3.14 changeTwoDecimal(3.1)返回3.10
相关标签：
javascript

大家都在看：

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：使用jQuery重置(reset)表单的方法_jquery 下一篇：jQuery实现回车键（Enter）切换文本框焦点的代码实例_jquery
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
数据持久化：IndexedDB高级用法 IndexedDB高级用法包括：1.使用游标遍历数据，结合keyRange实现条件查询与分页；2.创建索引（含复合索引）提升查询性能，注意写入开销；3.通过事务控制保证数据一致性，监听错误并设计重试机制；4.支持存储Blob等二进制文件，可切片处理大文件，配合ServiceWorker实现离线访问。
2025-11-18 20:33:06
839
JavaScript如何动态添加元素_JavaScriptDOM动态创建与添加元素方法教程 使用document.createElement()创建元素并结合appendChild()、append()、innerHTML或insertAdjacentHTML方法可动态添加内容，其中createElement适合精细控制，append支持多节点插入，innerHTML适用于简单结构但影响性能，insertAdjacentHTML则更安全高效，适用于复杂场景。
2025-11-18 20:31:39
712
扩展运算符_JS数组操作技巧 扩展运算符（...）可展开可迭代对象，简化数组合并、复制、类数组转换及函数传参。1.合并数组：[...arr1,...arr2]更直观；2.浅拷贝：[...arr]避免引用共享；3.转类数组为数组：[...arguments]或[...NodeList]；4.替代apply：Math.max(...numbers)更简洁。仅展开一层，深层需递归。
2025-11-18 20:29:02
237
JS数组查找优化_索引技巧与算法 使用合适的数据结构提升查找效率：小数据用indexOf，大数据或高频查询优先考虑Map、Set或二分查找，避免循环中线性搜索。
2025-11-18 20:28:01
975
JavaScript游戏开发_帧动画与状态管理 帧动画通过精灵图与帧率控制实现角色动态显示，结合requestAnimationFrame确保流畅；状态管理采用状态机模式，分离行为逻辑与动画资源，防止非法切换；两者联动通过状态映射动画序列，重置帧索引并支持动画锁定，确保动作完整性，提升游戏交互体验。
2025-11-18 20:27:26
299
精确匹配双大括号内文本并去除首尾空格的正则表达式教程 本文详细介绍了如何使用正则表达式精确匹配双大括号{{...}}内的文本，并自动去除匹配结果的首尾空格。通过结合正向零宽断言和非贪婪匹配，我们能够从各种包含或不包含内部空格的字符串中，高效地提取出纯净的目标内容，确保提取结果的准确性和一致性。教程还提供了性能优化的建议。
2025-11-18 20:27:01
274
类与继承_JS面向对象实践 答案：JavaScript中类是ES6引入的语法糖，基于原型实现，使用class定义，通过extends实现继承，支持静态成员和私有字段。
2025-11-18 20:24:45
331
JavaScript调试技巧_ChromeDevTools高级功能使用 掌握ChromeDevTools高级调试技巧可极大提升效率：1.通过断点、条件断点和日志点精准控制代码执行；2.利用CallStack和Scope面板分析调用链与变量状态；3.捕获异常并追踪异步堆栈定位错误源头；4.在Console中与代码交互，实时测试逻辑和修改状态。
2025-11-18 20:20:34
726
正则表达式：JS中的模式匹配技巧 JavaScript中的正则表达式通过字面量或构造函数创建，常用标志位有g、i、m、u；利用捕获组()提取数据，非捕获组(?:)提升性能；常见应用包括邮箱、手机号匹配，URL参数提取及空白行过滤；结合replace与函数可实现动态替换，如驼峰转短横线、数字加倍等；复杂场景建议结合其他方法以保持代码可读性。
2025-11-18 20:19:02
726
内存管理：垃圾回收机制与性能调优 垃圾回收是现代编程语言自动管理内存的核心机制，通过引用计数、标记-清除、分代收集和复制算法等方式回收无用对象，避免内存泄漏；主流语言如Java采用分代GC结构并结合多种收集器提升效率；不当的GC配置可能导致频繁停顿、长时间暂停、内存溢出或高CPU占用；调优需合理设置堆大小、选择合适收集器、调整新生代比例、避免大对象过早进入老年代，并结合日志监控分析；编码层面应减少强引用滥用、控制缓存生命周期、降低临时对象创建，以减轻GC压力，保障应用性能稳定。
2025-11-18 20:18:40
907
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部