蓝桥杯Web：【算法实现】随机数生成器

原创 已于 2022-04-08 14:19:36 修改 · 1.7k 阅读 · 7 ·
CC 4.0 BY-SA版权
;
文章标签：

#前端 #web #javascript #蓝桥杯

于 2022-04-05 22:15:20 首次发布
本文介绍了如何使用JavaScript实现一个名为`getRandomNum`的函数，该函数能够生成指定范围[min, max]内countNum个不重复的随机数。通过Math.random()函数生成随机数，并利用while循环和数组的indexOf方法确保生成的随机数不重复。最终，这个函数将返回一个包含不重复随机数的数组。在实际应用中，这种功能可用于抽奖、随机布局等场景。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

【算法实现】随机数生成器

背景介绍
实际工作中随机数的使用特别多，比如随机抽奖、随机翻牌。通过随机数还能实现很多有趣的效果，比如随机改变元素的位置或颜色。

本题需要在已提供的基础项目中使用 JS 知识封装一个函数，该函数可以根据需要，生成指定范围和个数的不重复的随机数数组。

步骤准备
在开始答题前，你需要在线上环境终端中键入以下命令，下载并解压所提供的文件。

wget https://labfile.oss.aliyuncs.com/courses/7835/exam12-imi.zip && unzip exam12-imi.zip && rm exam12-imi.zip
copy
下载完成之后的目录结构如下：

├── index.html # 页面布局
└── js
├── index.js # 页面功能实现的逻辑代码
copy
源码下载后，选中 index.html 右键启动 Web Server 服务（Open with Live Server），让项目运行起来。

接着，打开环境右侧的【Web 服务】，就可以在浏览器中看到如下效果：

图片描述

当前并未生成并显示指定条件的随机数。

考试要求
请在 index.js 文件中补全函数 getRandomNum 中的代码，最终将根据指定条件生成的随机数显示在页面中。

具体需求如下：

封装函数 getRandomNum(min,max,countNum)。
生成 min ~ max 范围的 countNum 个不重复的随机数，最终这些随机数以一个数组的形式返回。
最终实现效果如下：

图片描述
Alt

要求规定
请严格按照考试步骤操作，切勿修改考试默认提供

最低0.47元/天 解锁文章

200万优质内容无限畅学
【web】【Math】--随机数，随机点名，随机点菜
博客
09-30 432
取随机数，封装随机数，随机点名，随机变色等
随机数生成器源码
11-14
包含随机数生成器的源码和打包好的软件，可以生成设定区间的任意个随机数
随机数生成源码
11-04
给朋友写的随机数生成小工具
随机产生一个数字
Web995的博客
08-10 2474
Math random consolen.log(Math.random())//生成一个0到1之间的随机数,包括0,不包括1 //每次执行生成的数字都不一样 随机生成一个0~100的整数 console.log(parseInt(Math.random()*100))//输出一个0~100的整数
算法----取0~30不重复的10个整数
weixin_30394981的博客
04-04 242
java实现 import java.util.Arrays; import java.util.Random; //目的：生成10个 不重复的0~30的整数 public class Demo { public static void main(String[] args){ int[] num = new int[31]; int len = num.le...
【蓝桥杯解决方案】：针对不同题型的解题思路整理
[2023年蓝桥杯web应用组赛事真题-附答案](https://dn-simplecloud.shiyanlou.com/assets/1676011636766_4a47a0db6e60853dedfcfdf08a5ca249) # 摘要 本文针对蓝桥杯编程竞赛，系统性地概述了赛事的准备、解题策略...
明明的随机数-蓝桥杯（3种解法）
weixin_59285003的博客
12-24 850
明明想在学校中请一些同学一起做一项问卷调查，为了实验的客观性，他先用计算机生成了 NN 个 1 到 1000 之间的随机整数（N \leq 100N≤100），对于其中重复的数字，只保留一个，把其余相同的数去掉，不同的数对应着不同的学生的学号。第 2 行为 MM 个用空格隔开的正整数，为从小到大排好序的不相同的随机数。输出 2 行，第 1 行为 1 个正整数 MM，表示不相同的随机数的个数。第 1 行为 1 个正整数，表示所生成的随机数的个数：NN。//在此输入您的代码...//在此输入您的代码...
javaweb 中产生随机数
钱永林(Java)
04-26 535
js数字随机产生并相加
weixin_30258901的博客
11-28 1517
1 <input type="text" value="" name="plus1" id="plus1" size=5/><label> + </lable> 2 <input type="text" value="" name="plus2" id="plus2" size=5/><label> = &lt...
JavaScript 实现web随机数排序、整除、重置
weixin_64227570的博客
11-23 1336
要求： 1.单击“随机产生20个整数”，按钮时，能随机生成20个4为整数（100~9999）。并将产生的20个整数写进数组中，将其从小到大进行排序，输出在我的文本框中。 2.单击“找出能被5整除的整数”按钮时，从20个随机数中找出能被整除的整数，并在文本框中输出。 3.单击“重置”按钮时，将多行文本框中的所有的内容。 效果： 小到大排序用sort()
JS实现随机数
web开发自学
10-23 202
&lt;script&gt; functionGetRandomNum(Min,Max) { varRange=Max-Min; varRand=Math.random(); return(Min+Math.round(Rand*Range)); } varnum=GetRandomNum(1,10); alert(num); &lt;/script&gt; varchars=['0','1','...
关于Web项目Login页面数字随机验证码生成
firstonedz的博客
04-27 548
验证码的技术提供来源于JDK 一、了解web请求 当启动服务后，服务器遇到img静态资源会产生两个请求 ①首先发送资源路径到服务器 ②服务器以字节流的形式返回回来就成了我们所看到的图片 二、需求结果 三、代码示例 // 注释帮你理解 Login.jsp界面 // An highlighted block <%@ page contentType="text/html;c...
JavaWeb 生成随机数代码
qq_50909707的博客
01-17 1344
@Override protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { //如何让浏览器3秒刷新一次； resp.setHeader("refresh","3"); //在内存中创建一个图片 BufferedImage image=new BufferedIm...
JavaScript生成随机数
Web开发
12-15 4337
本文已在本人博客https://www.nsxsg.com/archives/32首发 文章目录JavaScript生成随机数 JavaScript生成随机数 随机数在Web开发中的运用还是十分广泛的，比如：验证码的生成、密码的生成、抽奖系统等。 预备知识 Math.random() 函数返回0和1之间的伪随机数，可能为0，但总是小于1。 生成 n-m ，包含 n 但不包含 m 的整数...
web学习-- JavaScript 数学对象和随机数
qq_39273039的博客
07-29 354
文章目录MathMath.round()Math.pow()Math.sqrt()Math.abs()Math.ceil()Math.floor()Math.sin()Math.cos()Math.min() 和 Math.max()Math.random()Math 属性（常量）Math构造器随机Math.random()随机整数 Math Math对象允许对数字执行数学任务 Math.round() Math.round(x) 的返回值是 x 四舍五入为最接近的整数 Math.round(6.8);
第十三届蓝桥杯web应用开发大学组
jayusmazyyolk的博客
03-20 3182
01卡片化标签页 // 实现选项卡功能 function init() { // TODO 待补充代码 var tabs = document.querySelectorAll('.tabs>div') var content = document.querySelectorAll('#content>div') for(let i=0;i<tabs.length;i++){ tabs[i].onclick=function(){ for(let j
随机产生10道题，两位数的加法运算，之和不大于100，用python写代码，并将结果输出到文档中...
weixin_42587866的博客
12-18 807
好的，这是一个可以生成 10 道两位数加法运算的代码，答案不大于 100： import random # 定义一个函数，用于生成两个两位数的加法运算 def generate_problem(): a = random.randint(10, 99) b = random.randint(10, 99) return f"{a} + {b} = " # 生成 10 道...
蓝桥杯 —— Web前端（算法类）【标题即题目链接，点击查看具体要求】
HuoZhiyan 的博客
04-06 1917
蓝桥杯 —— Web前端（算法类）【标题即题目链接，点击查看具体要求】 文章目录蓝桥杯 —— Web前端（算法类）【标题即题目链接，点击查看具体要求】前言一、蓝桥杯是什么？二、算法类题目1.小兔子爬楼梯⭐⭐2.随机数生成器⭐⭐⭐总结 前言 web前端也会涉及到算法，但一般比较简单。 一、蓝桥杯是什么？ 蓝桥杯一般指蓝桥杯全国软件和信息技术专业人才大赛。 二、算法类题目 1.小兔子爬楼梯⭐⭐ 解决方案：提供了两种。其实本题目很简单。当阶梯数小于等于 2 时，直接返回该值。当阶梯数大于 3 时，通过 f
蓝桥杯web-31期楼赛题解（更新中）
weixin_51812604的博客
02-24 1714
题1：用Vue2的语法完成一个关键字匹配的搜索功能，这个自己去看相关方法相对简单，过了。 题2：这题刚开始没看到用jquery语法，直接用Js写，后来看了一下直接利用 $（）方法直接循环遍历套用 题3：营销号生成器 额这个。 。 要注意是特定用户才能触发的。加个判断就好了 题4：卡片切换同题2类似，不过是用js写。注意两层for循环嵌套，用排他思想。 题5：个人博客 主要考察你对css的了解。 /* TODO:banner 上的文字 需要居中显示 */ .home-wrapper .b...
C语言编程：高斯分布随机数生成与实现
在C语言中，通常使用库函数`rand()`或`random()`生成伪随机数序列，但对于需要特定概率分布的随机数（如高斯分布），需要更复杂的算法来实现。 ### C语言在随机数生成中的应用 C语言提供了多个库函数来生成随机数，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值