JavaScript里四舍五入函数round用法实例

下面是关于"JavaScript里四舍五入函数round用法实例"的攻略:

一、round函数的定义

round函数是Javascript中一个常用的数字取整函数,它可以将指定的浮点数四舍五入到整数。round函数的语法如下:

Math.round(x);

其中,x为被四舍五入的数值。

round函数会根据x的小数部分进行判断,如果小数部分的值大于等于0.5,就向上取整;如果小数部分的值小于0.5,就向下取整。

二、round函数的返回值

round函数的返回值为一个整数,如果x为NaN(非数字),则round函数返回NaN。如果x为无限大(正无穷或负无穷),则round函数返回±Infinity。

需要注意的是,如果x为0.5,round函数会向上取整,返回1。这是因为JavaScript的内部实现是向偶数舍入,而0.5在数学上不属于向上还是向下。具体实现见示例一。

三、round函数的示例

示例一

下面是一个简单的例子,展示round函数的基本用法以及取舍规则:

console.log(Math.round(1.5)); // 输出2
console.log(Math.round(2.4)); // 输出2
console.log(Math.round(2.5)); // 输出3
console.log(Math.round(-2.5)); // 输出-2
console.log(Math.round(-3.5)); // 输出-4
console.log(Math.round(NaN)); // 输出NaN
console.log(Math.round(Infinity)); // 输出Infinity

示例二

下面是一个实际的应用场景,通过round函数对价格进行精确显示:

var price = 19.99;
console.log(Math.round(price * 100) / 100); // 输出19.99
price = 19.989;
console.log(Math.round(price * 100) / 100); // 输出19.99
price = 19.991;
console.log(Math.round(price * 100) / 100); // 输出20

其中,price表示商品价格,通过乘以100再除以100的方式,可以将价格精确到两位小数。可以看到,对于19.99和19.989这两个价格,round函数会返回19.99。对于19.991这个价格,round函数会返回20。这种精确显示价格的方法在实际开发中非常常见。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JavaScript里四舍五入函数round用法实例 - Python技术站

(0)
上一篇 2023年6月10日
下一篇 2023年6月10日

相关文章

  • javascript结合Cookies实现浏览记录历史第2/3页

    根据你的要求,我将为你详细讲解“javascript结合Cookies实现浏览记录历史第2/3页”的完整攻略。 1. 准备工作 在使用 JavaScript 结合 Cookies 实现浏览记录历史第2/3页之前,需要做以下几项准备工作:- 安装和配置本地服务器,例如 Apache 或 Nginx 等。- 构建动态网页,即需要使用服务器端语言(例如 PHP、P…

    JavaScript 2023年6月11日
    00
  • 详解JavaScript基本类型和引用类型

    详解JavaScript基本类型和引用类型 基本类型 JavaScript 中的基本类型指的是简单的数据类型。它们在赋值时被直接存储在变量访问的位置。JavaScript 有 6 种基本类型:Number、String、Boolean、null、undefined 和 Symbol。 Number Number 是一种表示数字的基本类型,它包括整数和浮点数。…

    JavaScript 2023年5月28日
    00
  • Bootstrapvalidator校验、校验清除重置的实现代码(推荐)

    讲解BootstrapValidator校验、校验清除重置的实现代码需要以下步骤: 1. 引入BootstrapValidator插件库 在HTML文档中,需要先引入BootstrapValidator的插件库,如下所示: <link rel="stylesheet" href="https://cdn.jsdelivr.…

    JavaScript 2023年6月10日
    00
  • JS 文件传参及处理技巧分析

    JS文件传参及处理技巧分析 在JavaScript中,文件传参是一个非常常见的操作,尤其是在web开发中。在本文中,我们将介绍文件传参的一些技巧和处理方法。 传统方式:URL参数传递 在web开发中,最常见的文件传参方式是通过URL参数传递。这种方式将参数作为URL的一部分,通常被称为GET方式。以下是一个典型的URL参数的例子: http://exampl…

    JavaScript 2023年5月27日
    00
  • JS和JQ的event对象区别分析

    JS和JQ都有一个event对象,但是它们的区别还是比较明显的。在这里我们来详细讲解一下。 1. JS的event对象 在JS中,事件触发时会自动生成一个event对象,并且通过addEventListener或者window.attachEvent绑定的函数,第一个参数都是event。event对象包含了一些事件的属性和方法,可以方便的获取事件的相关信息。…

    JavaScript 2023年6月10日
    00
  • JS Html转义和反转义(html编码和解码)的实现与使用方法总结

    一、什么是Html编码和解码? Html编码和解码是将一些特殊的字符转化成HTML格式,以便在HTML页面中混排,并且不产生歧义,同时避免一些恶意代码的注入,以保证浏览器的渲染正确和安全。 Html编码一般针对特殊字符,比如<、>、”、’、&等进行转化;Html解码则是将已经编码的字符转回其原本的形式。常用的HTML编码和解码方式有两种:…

    JavaScript 2023年5月19日
    00
  • 原生js实现倒计时–2018

    原生js实现倒计时–2018 本文将介绍如何使用原生js实现一个倒计时效果来迎接2018年的到来。 前置知识 在学习本文之前,请确保您已经具备以下基本的前端知识:- HTML标记语言- CSS基础样式及布局- JavaScript基础知识- DOM操作基础 HTML代码 首先我们需要在页面上添加一个用于显示倒计时的容器,其结构如下所示: <div i…

    JavaScript 2023年5月27日
    00
  • 使用js修改客户端注册表的方法

    使用js修改客户端注册表的方法需要借助于ActiveXObject对象及其子对象WScript.Shell。具体方法如下: 创建WScript.Shell对象 需要先创建 WScript.Shell 对象,可以使用以下代码。 var WshShell = new ActiveXObject("WScript.Shell"); 使用 Wsh…

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