Rumah > Artikel > hujung hadapan web > JavaScript menjana kemahiran nombor rawak_javascript yang tidak berulang

JavaScript menjana kemahiran nombor rawak_javascript yang tidak berulang

WBOYasal: 2016-05-16 15:50:011597semak imbas

Sumber soalan: soalan ujian dalam proses pembelajaran jQuery dalam MOOC.

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

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

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

Perkara teras: Dia tidak menyatakan 25edfb22a4f469ecb59f1190150159c6 elemen mana yang perlu disembunyikan, jadi saya berharap untuk menyenaraikan 8 25edfb22a4f469ecb59f1190150159c6 .

Perkara:

① Hasilkan 3 nombor rawak daripada 0~6.

② Tentukan sama ada tiga nombor rawak adalah sama. Jika mereka tidak sama, lakukan operasi menyembunyikan.

③3 Jika nombor rawak diulang, fungsi akan dilaksanakan semula.

Pelaksanaan: Hasilkan nombor rawak dari 0 hingga 6

Salin kod Kod adalah seperti berikut:

var ran1=parseInt(Math.random()*7 ); //Math.random() menjana nombor rawak dalam [0,1)

Kod lengkap:

<!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>

Tuaian 1:

Salin kod Kod adalah seperti berikut:

var ran=parseInt(Math.random()*( max-min 1) min); //Jana nombor rawak dalam selang [min,maks]

Tuai 2:

Selepas beberapa refleksi, saya memutuskan untuk menulis fungsi pakej yang menjana n nombor rawak tidak berulang dalam selang [min, maks] tertentu.

Idea 1: Mula-mula jana n nombor rawak dalam selang [min, maks], bandingkan sama ada ia diulang, dan kembali jika ia diulang, dan laksanakan sekali lagi.

Alamat demonstrasi: http://jsbin.com/yupuyehuqa/edit?html,js,output

Fungsi berbalut:

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;
}

Idea 2: Hasilkan nombor rawak ke-i dalam selang [min, maks], dan bandingkan dengan nombor i-1 sebelumnya Jika terdapat pengulangan, tetapkan i=i-1 berulang kali; nombor rawak ke.

Alamat demonstrasi: http://jsbin.com/zorunotosi/edit?html,js,output

Fungsi berbalut:

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;
}

Idea 3: Hasilkan tatasusunan berjujukan dalam selang [min, maks], berebut tatasusunan dan keluarkan nilai n pertama.

Alamat demonstrasi: http://jsbin.com/zorunotosi/edit?html,js,output

Fungsi berbalut:

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;
}

Idea 4: Hasilkan tatasusunan berjujukan dalam selang [min, maks], pilih nilai secara rawak daripadanya, kemudian padamkan nilai ini dalam tatasusunan, dan kemudian pilih nilai rawak kedua.

Alamat demonstrasi: http://jsbin.com/zorunotosi/edit?html,js,output

Fungsi berbalut:

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;
}

Sudah terlambat, saya akan melaraskan format esok apabila saya mempunyai masa.

Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya.

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Ringkasan pengenalan pertama kepada kemahiran Javascript_javascriptArtikel seterusnya：Ringkasan pengenalan pertama kepada kemahiran Javascript_javascript

Artikel berkaitan

Lihat lagi