iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >JavaScript中随机数方法 Math.random()
  • 877
分享到

JavaScript中随机数方法 Math.random()

2024-04-02 19:04:59 877人浏览 独家记忆
摘要

目录定义基础写法生成指定范围内的随机数生成两个数之间的随机数常用场景前言: 我们学习项目的时难免遇到一些问题,比如;遇到一个功能需要随机返回多条不重复的数据,也可以是拿了就用,下次再

前言:

我们学习项目的时难免遇到一些问题,比如;遇到一个功能需要随机返回多条不重复的数据,也可以是拿了就用,下次再需要时已经忘记如何使用了;虽然接触使用的场景很少,但也有必要单独拿出来讲一讲

定义

js中的生成随机数操作是基于 Math 方法下的 random() 方法

Math.random() : 随机获取范围内的一个数 ( 精确到小数点后14位 )

基础写法

随机生成一个 0 ~ 1 之间的数:

 // 语法: Math.random()

生成指定范围内的随机数

生成 小于 m 的随机数(含小数):

 // 语法: Math.random() * m
 Math.random() * 60 

生成 小于m 的整数:

可以使用 parseInt 去除小数点的形式将生成的随机数转换为整数

 // 语法: Math.random() * m
 parseInt(Math.random()* 60)

生成向下取整的随机整数:

使用Math方法下的floor属性进行舍弃小数向下取整, 当然你也可以使用 Math.ceil 向上取整

 // 语法: Math.random() * m
 Math.floor(Math.random()* 60)

生成两个数之间的随机数

表示生成 n~m+n 之间的随机数:

 // 语法: Math.random() * m + n
 // 范围:n ~ m+n
 Math.random() * 10 + 8  // 8 ~ 18 

生成 -n~m+n 之间的随机数:

 // 语法: Math.random() * m - n 
 // 范围:-n ~ m+n
 Math.random() * 10 - 8  // -8 ~ 2

生成 -m~0 之间的随机数:

 // 语法: Math.random() * m - m 
 // 范围:-m - 0
 Math.random() * 10 - 10  // -10 - 0

生成 n~m 之间的随机整数(包括n与m):

 // 语法: Math.floor(Math.random() * (m - n)) + n
 // 范围:n ~ m
 Math.floor(Math.random() * (8 - 100)) + 100  // 8~100

常用场景

看完语法,接下来讲一个我项目中用到的场景 - 热榜,将每次随机获取3条不重复的热门数据

function random_pick(list, target) {
    

    // 1. 保存热榜
    let hot = [];
    // 2. 保存热榜的索引
    for (let index = 0; index < list.length; index++) {
        // 3. 如果热榜采集完,则直接返回
        if (hot.length >= target) return hots(hot);
        // 4. 每次随机取出一个数
        let r = Math.floor(Math.random() * list.length);
        // 5. 如果随机数不在热榜里,则加入热榜
        if (hot.indexOf(r) == -1) {
            hot.push(r);
        }
    }
    // 热榜过滤函数
    function hots(params) {
        return params.map(item => { return list[item] });
    }
}
let r = random_pick([22, 33, 44, 55, 66, 77, 88], 3)

到此这篇关于javascript中随机数方法 Math.random()的文章就介绍到这了,更多相关JS - Math.random() 内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: JavaScript中随机数方法 Math.random()

本文链接: https://www.lsjlt.com/news/150535.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • JavaScript中随机数方法 Math.random()
    目录定义基础写法生成指定范围内的随机数生成两个数之间的随机数常用场景前言: 我们学习项目的时难免遇到一些问题,比如;遇到一个功能需要随机返回多条不重复的数据,也可以是拿了就用,下次再...
    99+
    2024-04-02
  • JavaScript中随机数方法Math.random()怎么使用
    这篇“JavaScript中随机数方法Math.random()怎么使用”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“Jav...
    99+
    2023-06-30
  • javascript中math.random()方法会不会随机到1
    本篇内容介绍了“javascript中math.random()方法会不会随机到1”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔...
    99+
    2024-04-02
  • javaScript添加随机数的方法
    这篇文章主要介绍了javaScript添加随机数的方法,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。在javascript中,可以使用“Math.random()”添加随机数...
    99+
    2023-06-14
  • JavaScript中怎么生成随机数
    JavaScript中怎么生成随机数,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。代码实例如下:(function(){  &n...
    99+
    2024-04-02
  • Python中生成随机数据的方法
    这篇文章主要讲解了“Python中生成随机数据的方法”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Python中生成随机数据的方法”吧!随机性有多随机大多数用 Python 生成的随机数据在...
    99+
    2023-06-30
  • JavaScript如何生成 N~M之间随机数的方法
    这篇文章主要为大家展示了“JavaScript如何生成 N~M之间随机数的方法”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“JavaScript如何生成 N~M...
    99+
    2024-04-02
  • python生成随机数、随机字符、随机字符串的方法示例
    本文是基于Windows 10系统环境,实现python生成随机数、随机字符、随机字符串: Windows 10 PyCharm 2018.3.5 for Windows ...
    99+
    2024-04-02
  • numpy生成随机数的方法
    numpy生成随机数的方法有:1、numpy.random.rand();2、numpy.random.randn();3、numpy.random.randint();4、numpy.random.random();5、numpy.ran...
    99+
    2023-11-21
    numpy
  • Qt生成随机数的方法
    目录1.生成随机数2.生成不重复的随机数3.生成递增的随机数1.生成随机数         生成随机数主要用到了函数qsrand和qrand,这两个函数在#include <Q...
    99+
    2024-04-02
  • java随机数生成的方法
    本文小编为大家详细介绍“java随机数生成的方法”,内容详细,步骤清晰,细节处理妥当,希望这篇“java随机数生成的方法”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。本教程操作环境:windows7系统、java...
    99+
    2023-06-30
  • java中生成随机数的方法有哪些
    这篇文章将为大家详细讲解有关java中生成随机数的方法有哪些,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。生成随机数的几种方法:1. 使用Math.random()生成随机数直接贴几个小方法private...
    99+
    2023-05-31
    java
  • javascript中怎么产生两个随机数
    这篇文章主要为大家展示了“javascript中怎么产生两个随机数”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“javascript中怎么产生两个随机数”这篇文章吧。产生随机数的方法:首先使用“...
    99+
    2023-06-15
  • JAVA随机数的方法有哪些
    本篇内容介绍了“JAVA随机数的方法有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!方法1://利用固定数组长度n,通过n的变化来实现。...
    99+
    2023-06-17
  • Javascript如何获取数组中的随机值
    这篇文章主要介绍了Javascript如何获取数组中的随机值,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。获取数组中的随机值我们可以根据数组...
    99+
    2024-04-02
  • 关于 Math.random()生成指定范围内的随机数的公式推导问题
    在 java 中,用于生成随机数的 Math 方法 random()只能生成 0-1 之间的随机数,而对于生成指定区间,例如 a-b 之间的随机数,却只能用相关计算公式。这个计算公式...
    99+
    2024-04-02
  • Android生成随机数的方法实例
    本文实例为大家分享了Android生成随机数的具体代码,供大家参考,具体内容如下 java文件 package com.example.my_xm_bw_luowei; imp...
    99+
    2024-04-02
  • numpy产生随机数的几种方法
    目录1.np.random.rand 生成一个0到1之间的均匀分布2.np.random.randn 返回一个符合标准正态分布的数组。3.np.random.randint返回一定范...
    99+
    2023-02-10
    numpy 产生随机数 numpy 生随机数
  • Java 随机数的获得方法(5种)
    1. Math.random() 静态方法 产生的随机数是 0 - 1 之间的一个 double,即 0 ...
    99+
    2023-10-25
    java 开发语言
  • numpy中的随机打乱数据方法np.random.shuffle解读
    目录numpy随机打乱数据方法np.random.shufflenumpy随机生成数据问题用numpy.random模块来生成随机数组用random模块自己构造总结numpy随机打乱...
    99+
    2023-05-12
    numpy随机打乱数据 np.random.shuffle numpy np.random.shuffle
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作