Maison >interface Web >js tutoriel >JavaScript génère des nombres aléatoires non répétitifs_javascript skills

JavaScript génère des nombres aléatoires non répétitifs_javascript skills

WBOYoriginal: 2016-05-16 15:50:011676parcourir

Source de la question : une question test en cours d'apprentissage de jQuery en MOOC.

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

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

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

Point essentiel : il n'a pas dit quels éléments 25edfb22a4f469ecb59f1190150159c6 doivent être masqués, j'espère donc lister 8 éléments 25edfb22a4f469ecb59f1190150159c6 et cliquer sur Simplifier pour masquer au hasard 3 des 7 premiers éléments 25edfb22a4f469ecb59f1190150159c6 .

Choses :

① Générez 3 nombres aléatoires de 0 à 6.

② Déterminez si les trois nombres aléatoires sont égaux. S'ils ne sont pas égaux, effectuez l'opération de masquage.

③3 Si le nombre aléatoire est répété, la fonction sera réexécutée.

Implémentation : Générer un nombre aléatoire de 0 à 6

Copier le code Le code est le suivant :

var ran1=parseInt(Math.random()*7 ); / /Math.random() génère un nombre aléatoire dans [0,1)

Code complet :

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script language="javascript" type="text/javascript" src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
    <title>挑战题</title>
  </head>
  
  <body>
    <ul>
      <li>0</li>
      <li>1</li>
      <li>2</li>
      <li>3</li>
      <li>4</li>
      <li>5</li>
      <li>6</li>
      <li>7</li>
    </ul>
    <a id="btn" onclick="cli()">简化</a>
  </body>
  <script>
    $(function cli(){
      $("#btn").css("cursor","pointer");
      if($("#btn").html()=="简化"){
      var ran1=parseInt(Math.random()*7);
      var ran2=parseInt(Math.random()*7);
      var ran3=parseInt(Math.random()*7); //①从0~6中生成3个随机数完成
      if(ran1!=ran2&&ran1!=ran2&&ran2!=ran3){ //②判断3个随机数是否相等，不相等则执行操作。
      $('li:eq('+ran1+')').css('display','none');  
      $('li:eq('+ran2+')').css('display','none');    
      $('li:eq('+ran3+')').css('display','none'); 
      $("#btn").html("更多");
      }else{　　//③3随机数有重复，则重新执行函数。
        cli();
      }
      }
      
      else{
        $("li:hidden").css('display','list-item');
        $("a:contains('更多')").html("简化");
      }
      
      });

  </script>
</html>

Récolte 1 :

Copier le code Le code est le suivant :

var ran=parseInt(Math.random()*( max-min 1) min); //Générer un nombre aléatoire dans l'intervalle [min,max]

Récolte 2 :

Après réflexion, j'ai décidé d'écrire une fonction package qui génère n nombres aléatoires non répétitifs dans un certain intervalle [min, max].

Idée 1 : générez d'abord n nombres aléatoires dans l'intervalle [min, max], comparez s'ils sont répétés, revenez s'ils sont répétés et exécutez à nouveau.

Adresse de démonstration : http://jsbin.com/yupuyehuqa/edit?html,js,output

Fonction enveloppée :

function my_ran(n,min,max){
 var arr=[];
 for(i=0;i<n;i++){
  arr[i]=parseInt(Math.random()*(max-min+1)+min);
 }
 for(i=0;i<n;i++){
  for(j=i+1;j<n;j++){
   if(arr[i]==arr[j]){
    my_ran(n,min,max);
    return fault;
   }
  }
 }
 return arr;
}

Idée 2 : générez le i-ème nombre aléatoire dans l'intervalle [min, max] et comparez-le avec le nombre i-1 précédent. S'il y a une répétition, définissez i=i-1 ; ème nombre aléatoire.

Adresse de démonstration : http://jsbin.com/zorunotosi/edit?html,js,output

Fonction enveloppée :

function my_ran2(n,min,max){
 var arr=[];
 for(i=0;i<n;i++){
  arr[i]=parseInt(Math.random()*(max-min+1)+min);
  for(j=0;j<i;j++){
   if(arr[i]==arr[j]){
    i=i-1;
    break;
   }
  }
 }
 return arr;
}

Idée 3 : générez un tableau séquentiel dans l'intervalle [min, max], brouillez le tableau et affichez les n premières valeurs.

Adresse de démonstration : http://jsbin.com/zorunotosi/edit?html,js,output

Fonction enveloppée :

function my_ran3(n,min,max){
 var arr=[];
 var arr2=[];
 for(i=0;i<max-min+1;i++){
  arr[i]=i+min;
 }
 for(var j,x,i=arr.length;i;j=parseInt(Math.random()*i),x=arr[--i],arr[i]=arr[j],arr[j]=x);
 for(i=0;i<n;i++){
  arr2[i]=arr[i];
 }
 return arr2;
}

Idée 4 : générez un tableau séquentiel dans l'intervalle [min, max], sélectionnez-en une valeur au hasard, puis supprimez cette valeur dans le tableau, puis sélectionnez une deuxième valeur aléatoire.

Adresse de démonstration : http://jsbin.com/zorunotosi/edit?html,js,output

Fonction enveloppée :

function my_ran4(n,min,max){
 var arr=[];
 var arr2=[];
 for(i=0;i<max-min+1;i++){
  arr[i]=i+min;
 }
 for(i=0;i<n;i++){
  var x=parseInt(Math.random()*arr.length);
  arr2[i]=arr[x];
  for(j=x;j<arr.length;j++){
   arr[j]=arr[j+1];
  }
  arr.length=arr.length-1;
 }
 return arr2;
}

C'est trop tard, j'ajusterai le format demain quand j'aurai le temps.

Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Résumé de la première introduction aux compétences Javascript_javascriptArticle suivant：Résumé de la première introduction aux compétences Javascript_javascript

Articles Liés

Voir plus