JavaScript 中的Math.round() 方法

小灰灰 2020-05-31 16:19 1954阅读 0赞

# JavaScript 中的Math.round() 方法

Math.round方法会对参数进行舍入操作，并返回一个整数。

舍入操作并非简单的四舍五入、上舍入或者下舍入操作，规则会在后面详细介绍，并通过代码演示。

特别说明：round方法是Math对象的静态方法，直接使由Math对象调用。

语法结构：

```javascript
Math.round(x)
```

参数解析：

（1）.x：必需，要进行舍入操作的数字，或者数字字符串。

特别说明：如果参数不是数字或者数字字符串，那么返回值为NaN。

方法舍入规则如下：

（1）.如果参数的小数部分小于0.5，则舍入到绝对值更小的整数，也就是采用绝对值下舍入操作。

（2）.如果参数的小数部分大于0.5，则舍入到绝对值更大的整数，也就是采用绝对值上舍入操作。

（3）.如果参数的小数部分恰好等于0.5，则进行上舍入操作，不是绝对值上舍入，是数值大小的上舍入。

**浏览器支持：**

（1）.IE浏览器支持此方法。

（2）.edge浏览器支持此方法。

（3）.谷歌浏览器支持此方法。

（4）.opera浏览器支持此方法。

（5）.火狐浏览器支持此方法。

（6）.safria浏览器支持此方法。

**代码实例如下：**

```javascript
let num="8b";
console.log(Math.round(num));
```

代码运行效果截图如下：

![](/images/1590941878955.png)

如果方法的参数不是数字，那么返回值为NaN。

```javascript
let num="80.49";
console.log(Math.round(num));
```

代码运行效果截图如下：

![](/images/1590941864068.png)

如果参数的小数部分小于0.5，则进行绝对值的下舍入。

再看一个负数的例子以证明上述结论，代码如下：

```javascript
let num=-80.49;
console.log(Math.round(num));
```

代码运行效果截图如下：

![](/images/1590941852280.png)

参数是负数，小数部分小于0.5，进行的是绝对值的下舍入操作。

从上面的例子也可以总结出，方法的参数可以是数字，也可以是数字字符串。

```javascript
console.log(Math.round(80.51));
console.log(Math.round(-80.51));
```

代码运行效果截图如下：

![](/images/1590941838920.png)

如果参数的小数部分大于0.5，那么进行绝对值上舍入操作。

```javascript
console.log(Math.round(80.5));
console.log(Math.round(-80.5));
```

代码运行效果截图如下：

![](/images/1590941824124.png)

当参数的小数部分等于0.5的时候，是进行数字的上舍入操作。

记住是数字大小的上舍入操作，不是数字绝对值的上舍入：

（1）.81大于80.5。

（2）.-80大于-80.5。

发表评论取消回复

表情：

评论列表（有 0 条评论，1954人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript中Math的方法

Math的方法 abs(x) 返回数的绝对值。 acos(x) 返回数的反余弦值。 asin(x) 返回数的反正弦值。 atan(x) 以介于 -PI/2 与

古城微笑少年丶/ 2023年07月19日 12:14/ 0 赞/ 16 阅读

相关 JavaScript中的扩展方法

在js中可以利用拓展方法写一些自己的方法具体的实现步骤如下： var name = "jack"; String.protot

小咪咪/ 2023年06月05日 08:17/ 0 赞/ 128 阅读

相关 JavaScript中的trim 方法

参考资料：[https://msdn.microsoft.com/zh-cn/library/ff679971(v=vs.94).aspx][https_msdn.micros

男娘i/ 2022年08月22日 00:22/ 0 赞/ 241 阅读

相关 javascript 中的map()方法

想获取更多的前端技术-请专注公众号：胖梅web前端 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6L

红太狼/ 2022年03月06日 13:38/ 0 赞/ 342 阅读

相关 JavaScript 中的 hasOwnProperty() 方法

hasOwnProperty(name) 方法会返回一个布尔值，判断对象自身属性中是否含有指定的属性（含有返回 true，否则返回 false。记住，这里是属性啊，不是值！！因

蔚落/ 2022年02月27日 12:36/ 0 赞/ 310 阅读

相关 JavaScript中数组的方法

1.定义数组的三种方式 //第一种方式 var arr=new Array(); //第二种方式 var arr_01=ne

￡神魔★判官ぃ/ 2022年02月19日 17:11/ 0 赞/ 495 阅读

相关 JavaScript中的方法

JavaScript中的方法 -------------------- 　　在JavaScript中，可以通过对象来调用对应的方法。在JavaScript中，有三个重要

野性酷女/ 2021年11月10日 18:08/ 0 赞/ 575 阅读

相关 JavaScript中reduce()方法

重新学习reduce，这个是比较易懂的（累计）如何累计呢： [x1, x2, x3, x4].reduce(f) = f(f(f(x1, x2...

以你之姓@/ 2021年06月29日 19:21/ 0 赞/ 553 阅读

相关 javascript中的split方法详解

javascript中的split方法详解： split() 方法用于把一个字符串分割成字符串数组。语法 stringObject.split(separator,ho...

朱雀/ 2020年06月21日 14:31/ 0 赞/ 1046 阅读

相关 JavaScript 中的Math.round() 方法

JavaScript Math.round() Math.round方法会对参数进行舍入操作，并返回一个整数。舍入操作并非简单的四舍五入、上舍入或者下舍入操作，规则会...

小灰灰/ 2020年05月31日 16:19/ 0 赞/ 1955 阅读