当前位置：Gxlcms > JavaScript > javascript生成不重复的随机数_javascript技巧

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

时间：2021-07-01 10:21:17 帮助过：8人阅读

题目来源：在慕课学习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

    　　封装函数：