js实现四舍五入完全保留两位小数的方法

yizhihongxing

下面就来详细讲解一下“js实现四舍五入完全保留两位小数的方法”的完整攻略。

方案一:toFixed()

JavaScript中提供了一个内置方法toFixed(),可以将数字保留指定位数的小数。使用方法如下:

const num = 123.456;
const fixedNum = num.toFixed(2);
console.log(fixedNum); // 123.46

上述代码中,我们将数字123.456保留了两位小数,并将结果赋值给fixedNum变量。最终输出结果为123.46。

需要注意的是,toFixed()方法返回的是一个字符串类型的值,需要进行类型转换后再进行其他操作。

方案二:四舍五入 + Math.pow()

如果不想使用内置方法toFixed(),我们也可以通过手写代码实现四舍五入并保留指定位数。

具体做法如下:

function roundNum(num, decimal) {
  return Math.round(num * Math.pow(10, decimal)) / Math.pow(10, decimal);
}

const num = 123.456;
const roundNum = roundNum(num, 2);
console.log(roundNum); // 123.46

上述代码中,我们手写了一个名为roundNum()的函数,该函数接受两个参数,第一个参数为要保留小数的数字,第二个参数为保留的小数位数。

在函数内部,我们将数字num乘以10的decimal次方,即将要保留的小数位移动到整数位,再使用Math.round()四舍五入到整数,并除以10的decimal次方,即将小数位移回原位置。

最终将结果返回后,我们就成功实现了四舍五入并保留指定位数的操作。

以上是两种实现方法的详细讲解,希望对你有所帮助。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:js实现四舍五入完全保留两位小数的方法 - Python技术站

(0)
上一篇 2023年5月28日
下一篇 2023年5月28日

相关文章

  • JavaScript实现对下拉列表值进行排序的方法

    当需要对下拉列表的值进行排序时,我们可以通过JavaScript的排序方法来实现。下面是一些实现方法: 方法一:使用数组排序 首先,我们需要获取下拉列表的所有选项,并将其存储在一个数组中。然后,使用JavaScript中的sort()函数对数组进行排序。最后,将排序后的值重新设置回下拉列表。 下面是代码示例: // 获取下拉列表对象 var dropdown…

    JavaScript 2023年6月11日
    00
  • JavaScript的高级概念和用法详解

    JavaScript的高级概念和用法详解 JavaScript 是一种广泛使用的脚本语言,具有灵活性、动态性和可重用性等优点。而随着前端技术的飞速发展,JavaScript也不断更新迭代,涌现出越来越多的高级概念和用法,本文将对其中几个重要的进行详细讲解。 1. 闭包 闭包是一种特殊的函数,它能够访问并操作函数作用域以外的变量。在 JavaScript 中,…

    JavaScript 2023年5月17日
    00
  • JavaScript字符串对象substr方法入门实例(用于截取字符串)

    JavaScript字符串对象substr方法入门实例(用于截取字符串) 什么是substr方法? 在JavaScript中,字符串是一种数据类型,字符串对象是一种包含该数据类型的对象类型。JavaScript为字符串对象提供了许多用于处理字符串的方法,其中之一就是substr方法。substr方法可以用于截取字符串中的一段字符,并返回该子字符串。 subs…

    JavaScript 2023年5月28日
    00
  • JavaScript深拷贝的一些踩坑记录

    JavaScript深拷贝的一些踩坑记录 在 JavaScript 中,深拷贝是比较常见的操作,特别是在处理复杂的数据结构时。但是,JavaScript 中的深拷贝有很多坑点,如果处理不当,就会发生莫名其妙的错误。本文就来总结一下 JavaScript 深拷贝时常见的问题和解决方案。 为什么要进行深拷贝 在 JavaScript 中,对象是通过引用来传递的。…

    JavaScript 2023年6月10日
    00
  • Jsonp 跨域的原理以及Jquery的解决方案

    一、Jsonp 跨域的原理 当我们开发 Web 应用时,存在需要通过 JavaScript 从不同域名的服务器调用数据的情景,这就会导致跨域问题。常规的 Ajax 请求需要与后端协商服务器支持跨域请求才能实现,但在不支持跨域访问的情况下,我们可以使用 Jsonp 技术来解决。 Jsonp 基于 “” 标签的加载机制,在请求发起前,在文档中动态添加一个指向目标…

    JavaScript 2023年5月27日
    00
  • JavaScript遍历DOM元素的常见方式示例

    当我们需要操作DOM以实现页面的交互效果时,我们需要遍历DOM元素。以下是几种常见的JavaScript遍历DOM的方式: 1. 通过节点关系遍历 在DOM中,节点之间有父子、兄弟、前后关系,利用这些关系可以方便地遍历DOM节点。主要有以下几个属性和方法: parentNode:获取当前节点的父节点; childNodes:获取当前节点的所有子节点(注意,子…

    JavaScript 2023年6月10日
    00
  • JS自定义函数实现时间戳转换成date的方法示例

    下面是关于“JS自定义函数实现时间戳转换成date的方法示例”的完整攻略: 1. 理解时间戳和Date对象 在开始编写时间戳转换成date的函数之前,我们需要先了解什么是时间戳和Date对象。时间戳是指从1970年1月1日00:00:00(UTC/GMT的午夜)开始所经过的秒数,它是一串数字,通常是10位或13位;而Date对象是JavaScript的日期对…

    JavaScript 2023年5月27日
    00
  • JavaScript DOM节点添加示例

    当我们需要对网页中的元素进行动态的增删改时,JavaScript就是我们的好帮手之一。在JavaScript中,通过操作网页文档的对象模型(DOM)来实现对页面元素的增删改查。其中节点的添加,是常用的一种操作。 添加DOM节点的方法 在JavaScript中,有多种方式可以添加DOM节点,以下是其中的两种: 1. createElement()方法 crea…

    JavaScript 2023年6月10日
    00
合作推广
合作推广
分享本页
返回顶部