js保留两位小数最简单的实现方法

js保留两位小数 js怎么保留两位小数 js保留小数点后两位怎么设置 2023-05-20 05:05:01 388人浏览八月长安

摘要

目录前言1. toFixed() 方法2. Math.floor() 方法3. 字符串+正则匹配4. 强制保留2位小数（例如3.00）5. 四舍五入保留2位小数（若第二位小数为0，则

前言

日常开发中，后台会返给我们各式各样的数据，如果后台给你返回如下数据时，是不是就已经压制不住心中的怒火了，别急，其实前端处理这些数据还是非常简单的，下面用最简单的方法教你如何1分钟处理好这些数据。

返回数据示例：

3.1415926535897
85.452655625313
99.128532659596

话不多说，下面直接进入实战

1. toFixed() 方法

toFixed() 方法用于把数字转换为字符串，结果的小数点后有指定位数的数字。

参数	描述
x	必需的参数。规定小数的位数，可取 0 ~ 20 之间的值，包括 0 和 20，有些实现可以支持更大的数值范围。如果省略了该参数，将用 0 代替。

实例

let numBer = 3.1415926;
numBer = numBer.toFixed(2);
console.log(numBer); // 3.14

注意：

该方法会将数值四舍五入，例如 3.148 经过 toFixed(2) 方法得到的结果将是 3.15 且 toFixed() 方法会改变数据类型为字符串。

2. Math.floor() 方法

Math.floor() 方法返回小于或等于一个给定数字的最大整数，可以理解 Math.floor() 为向下取整；其相对的是 Math.ceil()，此方法是向上取整。

参数	描述
x	必需的参数。任意数值或表达式。

实例

let numBer = 3.1415926;
numBer = Math.floor(numBer * 100) / 100;
console.log(numBer); // 3.14

注意：

该方法不会修改原有数据类型。

3. 字符串+正则匹配

实例

let numBer = 3.1415926;
numBer = Number(numBer.toString().match(/^\d+(?:\.\d{0,2})?/));
console.log(numBer);// 3.14

4. 强制保留2位小数（例如3.00）

实例

let numBer = 3;
numBer = this.numWay(numBer);// 调用numWay方法
console.log(numBer); // 3.00

methods 方法代码

methods: {
  numWay(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 += ".";
    }
    while (s.length <= rs + 2) {
      s += "0";
    }
    return s;
  },
},

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

实例

let numBer = 3.1001;
numBer = this.numDelivery(numBer);// 调用numDelivery方法
console.log(numBer); // 3.1

methods 方法代码

methods: {
  numDelivery(num) {
    var result = parseFloat(num);
    if (isNaN(result)) {
      alert("传递参数错误，请检查！");
      return false;
    }
    result = Math.round(num * 100) / 100;
    return result;
  },
},

6. substring()方法 + indexOf()方法

substring() 方法用于提取字符串中介于两个指定下标之间的字符。返回的子串包括开始处的字符，但不包括结束处的字符

参数	描述
from	必需的参数。一个非负的整数，规定要提取的子串的第一个字符在 string Object 中的位置。
to	非必需的参数。一个非负的整数，比要提取的子串的最后一个字符在 string Object 中的位置多 1。如果省略该参数，那么返回的子串会一直到字符串的结尾。

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置，如果没有找到匹配的字符串则返回 -1。

参数	描述
searchvalue	必需的参数。规定需检索的字符串值。
start	可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 string Object.length - 1。如省略该参数，则将从字符串的首字符开始检索。

实例

let numBer = 3.1415926 + "";
var str = numBer.substring(0, numBer.indexOf(".") + 3);
console.log(str);// 3.14

拓展

为了方便，我们可以写一个专门的方法，需要的时候调用即可。如下代码：

<template>
  <div>
    {{this.getValue(719.0721)}}
  </div>
</template>
<script>
export default {
  methods: {
    getValue(val) {
      return val.toFixed(2);
    },
  },
};
</script>

页面展示

总结

到此这篇关于js保留两位小数最简单的实现方法的文章就介绍到这了,更多相关js保留两位小数内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网！

--结束END--

本文标题: js保留两位小数最简单的实现方法

本文链接: https://lsjlt.com/news/214027.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

猜你喜欢

js保留两位小数最简单的实现方法

目录前言1. toFixed() 方法2. Math.floor() 方法3. 字符串+正则匹配4. 强制保留2位小数（例如3.00）5. 四舍五入保留2位小数（若第二位小数为0，则...

99+

2023-05-20

js保留两位小数 js怎么保留两位小数 js保留小数点后两位怎么设置
Java保留两位小数的实现方法

Java保留两位小数的实现方法采用四舍五入的方式：该方式来自网络import java.math.BigDecimal;import java.text.DecimalFormat;import java.text.Numb...

99+

2023-05-31

java 两位小数 ava
pandasround方法保留两位小数的设置实现

pandas中可以使用round(n)方法返回 x 的小数点四舍五入到n个数字。简洁的说就是，四舍五入的保留小数点后的几个数字。round()不添加任何参数的时候，等同于round(...

99+

2024-04-02
javascript保留两位小数的实现方法你了解吗

目录1.四舍五入：tofixed2.不四舍五入总结1.四舍五入：tofixed 实例：把数字转换为字符串，结果的小数点后有指定位数的数字 var num =2.446242342...

99+

2024-04-02
python保留两位小数的3种方法实例

目录1.’%.2f’%f2.format函数3.round函数（不推荐使用）附：Python round() 函数总结1.’%.2f’...

99+

2022-12-26

python保留两位小数 python保留小数的方法 Python输出小数点后两位
mysql如何实现除法保留两位小数

本篇内容介绍了“mysql如何实现除法保留两位小数”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！ ...

99+

2024-04-02
javascript如何实现除法保留两位小数

这篇文章给大家分享的是有关javascript如何实现除法保留两位小数的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。实现方法：1、利用“/”运算符进...

99+

2024-04-02
python保留两位小数的方法有哪些

这篇文章主要讲解了“python保留两位小数的方法有哪些”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“python保留两位小数的方法有哪些”吧！方法：1、用字符串格式化，语法“print(&...

99+

2023-07-04
java实现double保留小数点后两位小数

一、返回double型的能四舍五入double d = 114.145; d = (double) Math.round(d * 100) / 100; System.out.println(d);BigDecimal.ROUND_HALF...

99+

2016-10-04

Java double 小数点
php保留数字小数点后两位方法

使用round四舍五入保留小数点后两位 $money=168.228;var_dump(round($money,2));//返回结果 float(168.23) 使用ceil向上取整四舍五入保留小数点后两位 $money3=122.3...

99+

2023-10-03

php 开发语言
python整数除法保留两位小数

在py应用中有许多拿结果中的多个整数进行运算，难免少不了除法(如单位换算等),但是整数进行运算后只会返回整数，一般结果基本需要精确到后两位,此时就可以使用以下两种方法进行解决： 1.将参与运算的任意一个整数显式的转换成float类型进行...

99+

2023-01-31

除法两位小数
php怎么实现相除保留两位小数

本教程操作环境：windows7系统、PHP7.1版、DELL G3电脑php实现相除保留两位小数，可分成两个部分看：两数相除：可利用“/”运算符进行除法运算保留两位小数：可利用number_format()或sprintf()函数对除法运...

99+

2021-10-24

php 相除保留两位小数
php如何实现相除保留两位小数

这篇文章主要为大家展示了“php如何实现相除保留两位小数”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“php如何实现相除保留两位小数”这篇文章吧。php实现相除保留两位小数的方法：1、利用“/”...

99+

2023-06-29
JS怎么去掉小数末尾多余的0并最多保留两位小数

本文小编为大家详细介绍“JS怎么去掉小数末尾多余的0并最多保留两位小数”，内容详细，步骤清晰，细节处理妥当，希望这篇“JS怎么去掉小数末尾多余的0并最多保留两位小数”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。j...

99+

2023-07-06
python保留两位小数输出的方法是什么

在Python中，保留两位小数输出可以使用以下两种方法：方法一：使用字符串格式化```num = 3.14159print("保留两...

99+

2023-10-10

python
c++输出保留两位小数的方法是什么

要在C++中输出保留两位小数，可以使用iomanip头文件中的setprecision函数。下面是一个简单的示例： #include...

99+

2024-03-02

c++
JS如何去掉小数末尾多余的0,并且最多保留两位小数

目录js去掉小数末尾多余的0,并且最多保留两位小数思路js去掉小数点后面的0 （uniapp 和 vue比较适用）总结js去掉小数末尾多余的0,并且最多保留两位小数比如： '...

99+

2023-05-15

JS去掉小数末尾0 JS保留两位小数 JS保留小数
vue金额格式化保留两位小数的实现

目录金额格式化保留两位小数自定义过滤器格式化金额(保留两位小数)金额格式化保留两位小数 Vue.filter("number", function(data) { retu...

99+

2024-04-02
sql平均值保留两位小数怎么实现

在SQL中，可以使用ROUND函数来实现对平均值保留两位小数。以下是一个示例： SELECT ROUND(AVG(colum...

99+

2024-04-09

sql
使用BigDecimal除法后保留两位小数

目录BigDecimal除法后保留两位小数详细描述BigDecimal除法异常Non-terminating decimal expansion异常分析解决措施思考总结BigDeci...

99+

2024-04-02