js中Math之random,round,ceil,floor的用法总结

js中Math之random,round,ceil,floor的用法总结

在JavaScript(简称JS)中,Math对象是一个内置对象,它涵盖了一系列数学函数和常数。

本篇攻略主要介绍Math对象中的 random(), round(), ceil() 和 floor() 这四个常用函数的用法。

1. random()

random() 函数返回一个浮点型的随机数,并且这个数是大于等于0,小于1的。

随机数的生成逻辑是基于计算机算法来实现的。

示例1:

// 输出1至10之间的随机数
const randomNum = Math.floor(Math.random() * 10) + 1;
console.log(randomNum);

在这个示例中,我们通过 Math.floor() 函数将 Math.random() 产生的随机数向下取整,并且加1,保证了结果的范围是1至10之间。

2. round()

round() 函数返回一个数字四舍五入后的值。

它接受任意一个数字作为参数,若参数为正数,则小数部分四舍五入;若参数为负数,则整数部分四舍五入。

示例2:

// 输出2
const roundNum1 = Math.round(2.49);
console.log(roundNum1);
// 输出-2
const roundNum2 = Math.round(-2.49);
console.log(roundNum2);

在这个示例中,我们分别将2.49和-2.49作为参数传入 Math.round() 函数中,得到了2和-2作为结果。

3. ceil()

ceil() 函数将一个数字向上取整。

它接受任意一个数字作为参数,返回一个大于或等于给定数字的最小整数。

示例3:

// 输出2
const ceilNum1 = Math.ceil(1.4);
console.log(ceilNum1);
// 输出-1
const ceilNum2 = Math.ceil(-1.4);
console.log(ceilNum2);

在这个示例中,我们分别将1.4和-1.4作为参数传入 Math.ceil() 函数中,得到了2和-1作为结果。

4. floor()

floor() 函数将一个数字向下取整。

它接受任意一个数字作为参数,返回一个小于或等于给定数字的最大整数。

示例4:

// 输出1
const floorNum1 = Math.floor(1.7);
console.log(floorNum1);
// 输出-2
const floorNum2 = Math.floor(-1.2);
console.log(floorNum2);

在这个示例中,我们分别将1.7和-1.2作为参数传入 Math.floor() 函数中,得到了1和-2作为结果。

综上所述,random(), round(), ceil(), floor() 这四个函数分别用于产生随机数、四舍五入、向上取整、向下取整四种常用计算场景,是JS中使用频率较高的函数。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:js中Math之random,round,ceil,floor的用法总结 - Python技术站

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

相关文章

  • js实现自动播放匀速轮播图

    JS实现自动播放匀速轮播图攻略 需求分析 我们需要实现一个图片自动播放的功能,并且播放速度匀速,不会因为帧率的问题出现卡顿等问题。我们需要完成以下需求: 图片从左往右轮播; 图片循环播放; 图片播放的速度需要匀速; 用户可以手动控制图片的播放。 实现过程 1. HTML结构 我们需要先确定HTML结构,以下是一个基本的HTML结构: <div clas…

    JavaScript 2023年6月10日
    00
  • vue组件中实现嵌套子组件案例

    Vue组件是实现可重用性和封装性的关键,并且Vue允许您嵌套组件和在组件中使用子组件。下面是实现嵌套子组件的完整攻略: 创建子组件 首先,需要创建子组件,通常是通过定义一个Vue组件,在template代码块中编写HTML模板,以及在script代码块中编写相关的逻辑代码。 下面是一个示例子组件的代码: <template> <div&gt…

    JavaScript 2023年6月11日
    00
  • JavaScript Try…Catch 声明的 使用方法

    JavaScript中的 Try…Catch 声明可以帮助我们编写更健壮的代码,避免出现未处理的错误。 Try…Catch 声明的语法 Try…Catch 声明由两个部分组成:try块和catch块。try块用于包含可能会抛出错误的代码,而catch块则用于处理错误。 Try…Catch 声明的语法如下: try { // 可能会抛出错误的代…

    JavaScript 2023年5月28日
    00
  • javascript smipleChart 简单图标类

    OK,下面是“javascript simpleChart 简单图表类”的详细攻略: 1. 简介 simpleChart 是基于原生的 JavaScript 开发的一个简单易用的图表库,用于在网页中绘制常见的统计图表,如折线图、柱形图、饼图等。它的优点是使用灵活、兼容性好、易于扩展,适合用于数据可视化方面的开发。 2. 如何使用 2.1 引入文件 使用 si…

    JavaScript 2023年6月10日
    00
  • 基于javascript实现日历功能原理及代码实例

    下面我会详细讲解“基于javascript实现日历功能原理及代码实例”的完整攻略,包括日历功能原理、代码实现和实例说明。 日历功能原理 1. 获取日期信息 日历功能的基本原理是通过JavaScript获取当前日期或手动设置日期,并根据日期信息计算出该月的日期信息。可以使用Date()对象来获取日期信息,如下: let date = new Date(); /…

    JavaScript 2023年5月27日
    00
  • JavaScript的public、private和privileged模式

    JavaScript是基于对象的编程语言,因此在讨论其公共、私有和特权模式时,通常是在对象和类的上下文中。 公共模式(Public Mode) 在JavaScript中,公共模式是指公共成员是可以通过对象外部进行访问的成员。例如,我们可以创建一个简单的Person类: function Person(name, age) { this.name = name…

    JavaScript 2023年6月10日
    00
  • 浅析Javascript使用include/require

    浅析 Javascript 使用 include / require Javascript 不同于其他编程语言存在预编译及模板引入机制,因此导致在项目开发过程中可能出现一个 JS 文件需要导入其他 JS 文件中的函数或变量的情况,此时就需要使用 include 或 require 进行模块引入操作。 include 与 require include 与 r…

    JavaScript 2023年5月27日
    00
  • js调用AJAX时Get和post的乱码解决方法

    这里是 “js调用AJAX时Get和post的乱码解决方法”的完整攻略,我们将分为以下几个步骤: 确认乱码问题 解决Get请求的乱码问题 解决Post请求的乱码问题 接下来详细讲解: 1. 确认乱码问题 首先在实际开发时遇到乱码问题时,需要确认到底是AJAX请求出现了乱码,还是服务器返回了乱码,这是解决问题的第一步。 可以通过Chrome浏览器的开发者工具,…

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