js随机数生成10到100的一个数 js产生0到100随机整数

这几天一直在研究前台DIV元素的随机定位的问题,而这里面涉及到了JS生成随机数的方法,就下功能研究了一翻,并整理了一些资料以防以后再用得到。

js随机数生成10到100的一个数 js产生0到100随机整数

JS中Math对象

在JS中可以使用 Math 对像来实现随机数的生成,但是这个对像有几个方法,先了解一下

1、js中的 ceil() 方法

ceil():方法对数字进行四舍五入,向上取整

语法:

Math.ceil(x)

例:

<script> console.log(Math.ceil(0.60)); console.log(Math.ceil(1.2)); console.log(Math.ceil(0.1)); console.log(Math.ceil(1.5)); console.log(Math.ceil(-2.3)); console.log(Math.ceil(-10)); </script>

打印结果:

1 2 1 2 -2 -10

2、js中的 floor() 方法

floor() 方法返回小于等于x的最大整数。即向下取整

语法:

Math.floor(x)

例:

<script> console.log(Math.floor(0.60)); console.log(Math.floor(1.2)); console.log(Math.floor(0.1)); console.log(Math.floor(1.5)); console.log(Math.floor(-2.3)); console.log(Math.floor(-10)); </script>

打印结果:0 1 0 1 -3 -10

3、js中的 round() 方法

round():方法可以把一个数字四舍五入为最接近的整数

语法:

Math.round(x)

例:

<script> console.log(Math.round(0.60)); console.log(Math.round(1.2)); console.log(Math.round(0.1)); console.log(Math.round(1.5)); console.log(Math.round(-2.3)); console.log(Math.round(-3.6)); </script>

打印结果:1 1 0 2 -2 -4

4、js中 random() 方法

random() 返回0 到1之间的随机数,包含0但不包含1

语法:

Math.random()

例:

<script> for (let index = 0; index < 4; index++) { console.log(Math.random()); } </script>

打印结果:

0.7818701084700324

0.04709459241600533

0.5963868333681945

0.6561094761494426

js随机数生成10到100的一个数 js产生0到100随机整数

js生成随机数的几个方法

了解完了 Math 对像的几个方法,我们可以利用它们,来生成不同的随机数

1、JS生成1到10之间的随机整数

js代码:

//方法1 Math.ceil(Math.random() * 10) //方法2 Math.round(Math.random()*10)

此JS代码可以随机取1到10之间的随机整数,取0的概率很少

例:js随机生成四个1到10之间的整数

<script> for (let index = 0; index < 4; index++) { console.log(Math.ceil(Math.random() * 10)); } </script>

打印结果: 10 5 3 8

2、JS生成0到9的随机整数

代码:

Math.floor(Math.random()*10);

例:JS随机生成4个0到9的随机整数

<script> for (let index = 0; index < 4; index++) { console.log(Math.floor(Math.random() * 10)); } </script>

打印结果:9 3 0 2

JS生成 [n,m] 的随机整数

方法1:

JS函数

<script> function getRandom(min, max) { min = Math.ceil(min); max = Math.floor(max); return Math.floor(Math.random() * (max – min + 1)) + min; } </script>

函数调用:

生成五个10到100之间的整数

<script> //调用方法 // getRandom(10, 100) for (let index = 0; index < 5; index++) { console.log(getRandom(10, 100)); } </script>

打印结果: 48 56 98 23 15

方法2:

JS函数

<script> function randomNum(minNum, maxNum) { switch (arguments.length) { case 1: return parseInt(Math.random() * minNum + 1, 10); break; case 2: return parseInt(Math.random() * (maxNum – minNum + 1) + minNum, 10); break; default: return 0; break; } } </script>

调用方法:

randomNum(10, 100)

打印结果:77

本文【js随机数生成10到100的一个数 js产生0到100随机整数】由作者: C/S结构 提供,本站不拥有所有权,只提供储存服务,如有侵权,联系删除!
本文链接:https://www.cuoshuo.com/blog/4452.html

(0)
上一篇 2023-03-13 08:48:42
下一篇 2023-03-13 08:56:44

相关推荐

  • css链接样式为什么用id_css链接样式怎么设置

    首先让我们回顾下前端入门——html 超链接的用法 <a href="url"> , 超链接是一个非常伟大的发明,它链接了整个互联网,没有它就没有互联网。 超链接在发明之初就给它设计了一个默认的样式,就是蓝色带下划线的样式,如下图: 关于为什么超链接是蓝色带下划线的历史,可以参考这里:https://baijiahao.bai…

    2023-03-08
    800
  • while循环至少执行几次_while循环常见错误

    循环:有些事情可以反复执行 算法里面三大结构之循环结构。 while 循环 do…While循环 For循环 一、while循环 1、形式: while (表达式) // { //语句 } 表达式 每一次循环都要判定表达式的值 如果为真(表达式的值为1)执行循环 否则不再执行循环 为假的时候不循环(跳出循环),执行后面的代码。 执行流程:(1)第…

    实用教程 2023-03-14
    000
  • vc60安装程序正在更新您的系统(重装系统哪个软件好用)

    现在不管我们在那个行业,工作中都会使用到电脑,但是一般电脑使用久了就会出现一些小毛病,不是电脑太卡,就是反应超级慢,那这个时候要怎么办了?可以重装一下系统,但是问题又来了,现在网上一搜就会有很多从装系统的软件,但是到底哪个重装系统的软件比较好了,下面小编就给大家分享四个比较好用的电脑重装系统软件,有兴趣的朋友一起来看看吧! 一、老友装机大师 操作简单,无需任…

    2023-03-16
    000
  • mysql安装教程图解最新

    mysql作为日常开发中常用到的数据库,对每个程序员来说至关重要,今天就跟着我来进行一次mysql的安装之旅吧。 一、安装 1、安装包的方式 1.1、获取安装包 对mysql有过接触的人来说,都知道mysql分为商业版和社区版,由于这里仅仅作为开发、学习之用,这里选择社区版进行安装。首先打开官方网站。 https://www.mysql.com/ 进入到下载…

    2023-03-10
    500
  • linux系统安装java环境

    手动安装可以让用户更好的控制 Java 运行时环境。 使用 Linux 发行版的软件包管理工具来安装 Java 软件包是很容易的。然而,有时你需要手动安装 Java。这对基于 Java 的应用服务器(如 Tomcat 或 JBoss)的管理员特别重要。许多开源和专有软件产品都依赖于这些服务。 开发者或运行时套件? Java 虚拟机Java Virtual M…

    2023-03-20
    000
  • java简单小游戏源代码 编程一个最简单游戏代码

    Java,一直都是编程语言学习的对象,小编常收到网友的消息:“小编,有没有源码啊?”想要源码!今天小编搜罗了资料,整理了一些经典的小游戏源代码,拿来分享给大家! 扫雷 《扫雷》是一款大众类的益智小游戏,游戏目标是在最短的时间内根据点击格子出现的数字找出所有非雷格子,同时避免踩雷,踩到一个雷即全盘皆输。 推箱子 推箱子,目的是在训练你的逻辑思考能力。在一个狭小…

    2023-03-21
    000
  • wince 软件 很难找(wince车载软件集合)

    车载现在的电动汽车除了是电动的以外,还有一个名字是智能汽车,在智能上除了辅助驾驶之外,最大的智能可能要属车载大屏,或者往细了说是娱乐,现在的汽车上基本上是在智能上卷了起来,既然是智能那就一定有系统,今天就来看看现在主流的一些车载OS。 1、WinCE系统: Windows CE操作系统是在PC Windows操作系统基础上研发而来的车载OS,对硬件要求不高,…

    2023-03-18
    000
  • 怎么制作下拉菜单选项,如何从表格中筛选出想要的部分

    今天跟大家分享下如何制作一个智能的下拉菜单,它可以根据单元格输入的内容来自动显示我们想要输入的数据,如下图所示,非常适合用于下拉数据比较多的情况,比如我们输入一个【小】字,就会在下拉中显示【小米】的所有型号。这个操作也比较简单,下面我们就来一起学习下吧 一、所需函数 想要在Excel中实现这样的效果,我们需要用到3个函数,先来简单的了解下这3个函数的作用与参…

    2023-03-17
    000
  • linux环境变量怎么设置,linux创建环境变量

    在 Linux 中设置环境变量有多种方法,以下是其中两种常用的方法: 一般情况下是临时生效,重启后失效,可通过方法二达到永久有效。 export 临时设置,常用于编译安装东西用 在命令行中设置环境变量可以使用 export 命令在命令行中设置环境变量,在 Linux 中,export 是一个用于设置环境变量的命令。它可以将一个变量或函数(以及它们的值)添加到…

    2023-03-15
    100
  • 异步fifo读写时钟相差太大 异步fifo时序约束

    本文讨论跨时钟域异步FIFO设计,从时序角度上介绍异步FIFO的设计,为PDF格式,主要包括以下几部分: 1. 前言 2. 数字电路时序介绍 3. 跨时钟域时序问题 4. 处理异步FIFO的valid和data (理论基础) 5. 如何实现 6. 遇到的问题 7. 改进设计 8. 参考代码 部分截屏: 如何下载

    2023-03-14
    200

发表回复

登录后才能评论
返回顶部
错说博客上线啦!