javascript 在指定定范围内,生成几个不重复的随机数

这篇博客探讨了在JavaScript中如何在指定范围内生成不重复的随机数。作者通过一道jQuery学习题引入问题,需求是在0~6的范围内生成3个不重复的随机数。文章介绍了四种不同的实现思路,并提供了每种思路的代码示例和在线演示链接,包括直接生成并检查重复、生成后比较删除、顺序数组打乱和随机选择删除等方法。
摘要由CSDN通过智能技术生成

题目来源:在慕课学习jQuery过程中一道测试题。

初始时:<ul>元素中仅显示5个<li>元素,其中包含还包括最后一个<li>元素,<a>元素中的显示"更多"字符.

当点击"更多"链接时,自身内容变为"简化",同时,<ul>元素中显示全部的<li>元素.

当点击"简化"链接时,自身内容变为"更多",同时,<ul>元素中仅显示包含最后一个<li>元素在内的5个元素.

核心点:他没讲需隐藏哪几个<li>元素啊,那么我希望列出8个<li>元素,点简化随机隐藏前7个<li>元素中的3个。

思路:

①从0~6中生成3个随机数。

②判断3个随机数是否相等,不相等则执行隐藏操作。

③3随机数有重复,则重新执行函数。

实现:生成0~6的一个随机数

1 var ran1=parseInt(Math.random()*7); //Math.random()生成[0,1)的一个随机数

完整代码:

 1  1 <!DOCTYPE html>
 2  2 <html>
 3  3     <head>
 4  4         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5  5         <script language="javascript" type="text/javascript" src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
 6  6         <title>挑战题</title>
 7  7     </head>
 8  8     
 9  9     <body>
10 10         <ul>
11 11             <li>0</li>
12 12             <li>1</li>
13 13             <li>2</li>
14 14             <li>3</li>
15 15             <li>4</li
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值