js保留两位小数最简单的6种方法是什么_计算结果保留两位小数

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

返回数据示例：

3.97
85.3
99.6

1. toFixed() 方法

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

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

实例

let numBer = 3.;

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.;

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

console.log(numBer); // 3.14

注意：

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

3. 字符串+正则匹配

实例

let numBer = 3.;

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. + "";

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

console.log(str);// 3.14

来源：微点阅读 https://www.weidianyuedu.com

今天的文章
js保留两位小数最简单的6种方法是什么_计算结果保留两位小数分享到此就结束了，感谢您的阅读。

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至举报，一经查实，本站将立刻删除。
如需转载请保留出处：https://bianchenghao.cn/80838.html

js保留两位小数最简单的6种方法是什么_计算结果保留两位小数

1. toFixed() 方法

2. Math.floor() 方法

3. 字符串+正则匹配

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

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

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

相关推荐

发表回复