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

下面就来详细讲解一下“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 提供的一些方法来实现这个功能。 方法一:使用 typeof 运算符和 Array.isArray() 方法 在 JavaScript 中,我们可以使用 typeof 运算符来检查一个变量的类型,Array.isArray() 方法用来判断一个变量…

    JavaScript 2023年5月27日
    00
  • JavaScript函数的使用教程

    JavaScript函数的使用教程 JavaScript函数是一个独立的可重复使用的代码块,用于执行特定的任务或计算。函数可以接收输入参数和返回计算结果,非常有用。在这份教程中,我们将介绍JavaScript函数的使用和定义。 定义和使用函数 函数的定义使用function关键字,后面跟着函数名。函数可以包含一系列的语句和计算逻辑。下面是一个简单的计算乘积的…

    JavaScript 2023年5月18日
    00
  • 新手入门带你学习JavaScript引擎运行原理

    新手入门带你学习JavaScript引擎运行原理 1. 前言 JavaScript语言已经成为web前端技术的必备语言之一,对于想进一步掌握JavaScript运行原理的同学,了解JavaScript引擎的运行机制是非常重要的。 本文将从以下几个方面进行介绍: JavaScript引擎的功能和作用 JavaScript引擎的基本原理 实战案例学习 2. Ja…

    JavaScript 2023年5月27日
    00
  • input框中的name和id的区别

    当我们使用HTML表单时,为了方便后台处理表单输入数据,需要为表单中的input组件指定name属性值。同时,在页面的CSS和JavaScript中,也需要为input组件指定id属性值,以方便通过DOM操作网页元素。 name属性 作用 name属性指定表单字段的名称,该属性值会被提交到后端服务器用于请求参数的获取。 示例 <form method=…

    JavaScript 2023年6月10日
    00
  • JavaScript中最容易混淆的作用域、提升、闭包知识详解(推荐)

    JavaScript中最容易混淆的作用域、提升、闭包知识详解 作用域 JavaScript采用词法作用域,即函数的作用域在函数定义时就已经确定了,不会随着函数调用的位置改变。因此,JavaScript中存在全局作用域和函数作用域。 全局作用域 全局作用域是指在代码的任何位置都可以访问的变量、函数和对象,它是在所有函数外部定义的作用域。 以下是一个示例,全局作…

    JavaScript 2023年5月28日
    00
  • Bootstrap表单Form全面解析

    Bootstrap表单Form全面解析 什么是Bootstrap表单Form? Bootstrap表单Form是Bootstrap前端框架中一个用于构建表单的组件,用于简化表单的开发过程。通过使用Bootstrap表单Form,开发者可以快速构建出漂亮、易用、兼容性好的表单,提高工作效率。Bootstrap表单Form主要包括水平布局和垂直布局两种形式,以及…

    JavaScript 2023年6月10日
    00
  • 浅谈js的ajax的异步和同步请求的问题

    浅谈JS的Ajax的异步和同步请求的问题 什么是Ajax? 在Web开发中,Ajax是一种在不重新加载整个页面的情况下与服务器交换数据的技术。它使页面可以异步地(意味着不重新加载整个网页)更新并显示某一部分内容。 异步请求和同步请求的区别 在Ajax中,请求有两种方式,异步和同步。 异步请求: 异步请求意味着当请求被发送后,页面可以在等待服务器响应的同时进行…

    JavaScript 2023年6月11日
    00
  • iframe实用操作锦集

    下面我将为你详细讲解“iframe实用操作锦集”的完整攻略。 什么是iframe? iframe 即内联框架,它可以将其他页面嵌入到当前页面中。通过 iframe 可以方便地实现异步加载、跨域嵌入等功能。下面是最基本的 iframe 使用方法: <iframe src="https://www.example.com">&lt…

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