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日

相关文章

  • json字符串传到前台input的方法

    将JSON字符串传到前台input可以通过JavaScript的方式实现。主要分为两个步骤: 将JSON字符串赋值给JavaScript变量或对象 将变量或对象中的值赋值给input 下面分别详细说明这两个步骤。 将JSON字符串赋值给JavaScript变量或对象 首先,我们需要将JSON字符串转换为JavaScript对象。这可以通过JSON.parse…

    JavaScript 2023年5月27日
    00
  • JavaScript/Js脚本处理html元素的自定义属性解析(亲测兼容Firefox与IE)

    JavaScript/Js脚本处理html元素的自定义属性解析(亲测兼容Firefox与IE) 在HTML中,我们可以使用自定义属性来存储一些特定的数据。而在JavaScript/JS中,我们可以很方便地解析这些属性并对其进行操作。在这篇攻略中,我将向你展示如何使用JavaScript/JS处理HTML元素的自定义属性,并提供两个具体的示例。 HTML中的自…

    JavaScript 2023年6月10日
    00
  • 通过JavaScript控制字体大小的代码

    控制字体大小是网页设计中常用的一项功能,本文将详细讲解如何通过JavaScript控制字体大小的代码。 如何通过JavaScript控制字体大小 我们可以通过修改元素的style属性来改变字体大小。以下是实现的步骤: 获取要改变字体大小的元素。可以使用document.getElementById()方法获取元素。 使用element.style.fontS…

    JavaScript 2023年6月11日
    00
  • JavaScript实现字符雨效果

    JavaScript实现字符雨效果 在网页上实现字符雨效果,可以通过在HTML的body元素中添加一个全屏的canvas元素,然后使用JavaScript编写一个动画效果,不断更新canvas中的字符颜色和位置,从而实现字符雨效果。 准备工作 在HTML中添加一个全屏的canvas元素 <canvas id="matrix-canvas&qu…

    JavaScript 2023年5月28日
    00
  • JavaScript的模块化:封装(闭包),继承(原型) 介绍

    JavaScript的模块化是一种将代码按照一定方式进行组织的方法。在JavaScript中,我们可以使用封装和继承实现模块化。 封装 封装是一种通过闭包实现的模块化方式,可以将一些数据和函数放在一个私有的作用域中,从而避免污染全局变量,同时将一些方法暴露出来,使之成为共有的API。 示例1 下面是一个简单的封装示例,通过IIFE(立即调用的函数表达式)创建…

    JavaScript 2023年6月10日
    00
  • js实现文件流式下载文件方法详解及完整代码

    那我来详细讲解一下“js实现文件流式下载文件方法详解及完整代码”的完整攻略吧。 1. 前言 文件下载是许多 Web 应用程序的常见需求之一,而在前端技术中实现文件下载的方式有很多种,其中一种可以称为文件流式下载。本文将详细介绍如何使用 JavaScript 实现文件流式下载,并提供代码示例。 2. 实现思路 实现文件流式下载的基本思路是将文件分成多个片段进行…

    JavaScript 2023年5月27日
    00
  • 浅析javascript 定时器

    浅析JavaScript定时器 JavaScript的定时器指的是用来在一定时间后执行一段代码的方法。JavaScript中有两种定时器:setInterval和setTimeout。其中,setInterval表示定时执行某个函数;而setTimeout是在指定时间后只执行一次函数。 1.使用setInterval定时执行函数 setInterval()方…

    JavaScript 2023年6月11日
    00
  • Bootstrap 表单验证formValidation 实现表单动态验证功能

    下面将详细讲解 Bootstrap 表单验证 formValidation 实现表单动态验证功能的完整攻略。 什么是 Bootstrap 表单验证 formValidation Bootstrap表单验证formValidation是一种基于jQuery的验证表单的插件。它是一个简单易用、灵活性强的工具,可以帮助开发者实现表单的动态验证功能。 formVal…

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