js保留两位小数最简单的6种方法

这篇具有很好参考价值的文章主要介绍了js保留两位小数最简单的6种方法。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

js向上取整保留两位小数,编程语言,JavaScript,javascript,前端,开发语言

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

返回数据示例:

3.1415926535897
85.452655625313
99.128532659596

1. toFixed() 方法

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

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

实例

1

2

3

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 必需的参数。任意数值或表达式。

实例

1

2

3

let numBer = 3.1415926;

numBer = Math.floor(numBer * 100) / 100;

console.log(numBer); // 3.14

注意:

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

3. 字符串+正则匹配

实例

1

2

3

let numBer = 3.1415926;

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

console.log(numBer);// 3.14

4. 强制保留2位小数(例如3.00)

实例

1

2

3

let numBer = 3;

numBer = this.numWay(numBer);// 调用numWay方法

console.log(numBer); // 3.00

methods 方法代码

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

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,则保留一位小数)

实例

1

2

3

let numBer = 3.1001;

numBer = this.numDelivery(numBer);// 调用numDelivery方法

console.log(numBer); // 3.1

methods 方法代码

1

2

3

4

5

6

7

8

9

10

11

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。如省略该参数,则将从字符串的首字符开始检索。

实例

1

2

3

let numBer = 3.1415926 + "";

var str = numBer.substring(0, numBer.indexOf(".") + 3);

console.log(str);// 3.14

来源:微点阅读  https://www.weidianyuedu.com文章来源地址https://www.toymoban.com/news/detail-692513.html

到了这里,关于js保留两位小数最简单的6种方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 在 JavaScript 中,保留小数点后两位的方法

    在 JavaScript 中,有多种方法可以保留小数点后两位。以下是其中的一些方法: 1. toFixed() 方法:该方法将数字转换为字符串,并保留指定的小数位数。 2. Math.round() 方法:该方法将数字四舍五入到指定的小数位数。  3. parseFloat() 和正则表达式:该方法将字符串转换为数字,并

    2024年02月12日
    浏览(40)
  • Java中整数相除并保留两位小数的实现方式、保留两位小数:Java中整数相除的处理方法、解决Java整数相除后精度丢失的问题、Java数值计算:整数相除保留指定小数位数的技巧

    当在Java中需要进行整数相除并保留两位小数时,可以使用以下两种方式实现: 1. 使用浮点数类型和DecimalFormat进行格式化:  2. 使用BigDecimal类进行精确的数值计算和格式化输出: 在选择使用哪种方式时,需要根据具体的业务需求和数值计算的精度要求进行权衡和选择。如果

    2024年02月12日
    浏览(42)
  • chatgpt赋能python:Python中保留两位小数输出的方法:一个完整的指南

    在Python编程中,有时候我们需要将数字保留到小数点后两位输出。例如,货币单位到分、科学计算等等。本文将介绍多种方法实现这个目标,包括Python的内置函数以及第三方库的函数。 Python的内置函数 round() 可以用来对数字进行四舍五入操作。而我们只需要将它的第二个参数

    2024年02月09日
    浏览(44)
  • cout怎么控制输出小数位数,整数保留整数,小数保留后两位

    可以使用 cout.precision(n) 控制输出精度,其中 n 为保留的小数位数。 如果你想要整数保留整数,小数保留后两位,可以使用流控制符 fixed 和 setprecision(n)。示例代码如下: 其中 x 是需要输出的数字。 另外需要注意的是,使用 setprecision(n) 会对所有浮点数输出都生效。

    2024年02月16日
    浏览(35)
  • java保留两位小数

    输出:3.14 输出:3.14 输出:3.14 这些方法中,DecimalFormat类和String.format()方法可以直接将数字格式化为保留两位小数的字符串。而使用BigDecimal类可以对数字进行精确的四舍五入操作。

    2024年02月04日
    浏览(46)
  • Matlab保留小数点后两位

    Matlab保留小数点后两位 在Matlab中,我们经常需要处理数值数据,并在输出结果时保留特定的小数位数。本文将演示如何使用Matlab来保留小数点后两位。 首先,让我们看一个简单的例子。假设我们有一个数值变量x,其值为3.14159265359。我们希望将其保留两位小数并输出。 在上

    2024年02月05日
    浏览(49)
  • Java中BigDecimal保留两位小数

    方案一: 方案二:#0.00% 表示保留两位小数,.后几个零就是保留几位小数 %号表示会转成百分率。 方案三: 方案四:保留两位小数,不四舍五入 金额以万元展示,保留两位小数 Bigdecimal 通常用来表示和金额相关的数字。 常用的方法有: BigDecimal a. add (BigDecimal b) BigDecimal对象

    2024年02月09日
    浏览(43)
  • vue html页面运算,保留两位小数

    有时候我们需要对各种数值进行保留位数,以便于更好的展示。 template中这样使用,需要处理的字段名,再加上过滤器方法 使用filters,与同级data()

    2024年02月11日
    浏览(58)
  • Double 转换成String 保留两位小数

    Double 转换成String 保留两位小数 方法一 其中 %.2f 是一个格式化字符串,它指示将数字格式化为两位小数。您可以将 number 替换为要转换的 Double 值。 方法二 可以使用Java的DecimalFormat类来实现: 输出结果为:3.14 其中,DecimalFormat的模式字符串中的“#”表示可选数字,如果该位

    2024年02月14日
    浏览(43)
  • js除法取整(js除法向上取整)

    var a = 2.0; function parseNumber(number, splitChar) { var n = number + \\\'\\\'; var s = splitChar == nullvar a = 2.1; var b = parseInt(a) + 1; // b will be 3 parseInt是截掉尾数,然后再加一即可。这样就行了 var a = 1.1 var s =  Math.ceil(a); alert(s);var a = 2.0; var b = 3.4; var c = 8.9; function modFoat(v) {  var _max = p

    2023年04月08日
    浏览(33)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包