首页 / JAVASCRIPT / javascript生成不重复的随机数_javascript技巧

javascript生成不重复的随机数_javascript技巧

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript生成不重复的随机数_javascript技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3531字，纯文字阅读大概需要6分钟。

内容图文

题目来源：在慕课学习jQuery过程中一道测试题。 
初始时:
    元素中仅显示5个
  • 元素,其中包含还包括最后一个
  • 元素,元素中的显示"更多"字符.

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

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

核心点：他没讲需隐藏哪几个

  • 元素啊，那么我希望列出8个
  • 元素，点简化随机隐藏前7个
  • 元素中的3个。

    • 思路：

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

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

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

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

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

    完整代码：

    收获一：

    代码如下:
    var ran=parseInt(Math.random()*(max-min+1)+min); //生成一个[min,max]区间的一个随机数

    收获二：

    反思了下，决定写个在一定[min,max]区间，生成n个不重复的随机数的封装函数。

    　　思路一：先生成n个[min,max]区间随机数，比较是否重复，如重复则返回，再次执行。

    　　演示地址：http://jsbin.com/yupuyehuqa/edit?html,js,output

    　　封装函数：

    　　思路二：生成第i个[min,max]区间的随机数，并与之前i-1个数比较，如有重复，令i=i-1;重复生成第i个随机数。

    　　演示地址：http://jsbin.com/zorunotosi/edit?html,js,output

    　　封装函数：

    　　思路三：生成[min,max]区间的一个顺序数组，打乱数组，输出前n个值。

    　　演示地址：http://jsbin.com/zorunotosi/edit?html,js,output

    　　封装函数：

    　　思路四：生成[min,max]区间的一个顺序数组，从中随机选出一个值，然后在数组中删掉这个值，再选第二个随机值。

    　　演示地址：http://jsbin.com/zorunotosi/edit?html,js,output

    　　封装函数：

    内容总结

    以上是互联网集市为您收集整理的javascript生成不重复的随机数_javascript技巧全部内容，希望文章能够帮你解决javascript生成不重复的随机数_javascript技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

    内容备注

    版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

    内容手机端

    扫描二维码推送至手机访问。

    本文链接：https://qyyshop.com/info/326256.html

    来源：【匿名】