Heim > Artikel > Web-Frontend > Beispiel einer JavaScript-Implementierung eines Zufallszahlen-Deduplizierungsgenerators

Beispiel einer JavaScript-Implementierung eines Zufallszahlen-Deduplizierungsgenerators

黄舟Original: 2017-10-13 10:51:331682Durchsuche

In diesem Artikel wird hauptsächlich JavaScript vorgestellt, um einen Zufallszahlengenerator im Detail zu implementieren, um sich nicht wiederholende Zufallszahlen zu generieren, die einen bestimmten Referenzwert haben.

Die Beispiele in diesem Artikel sind Jeder hat den spezifischen Code für die Implementierung des Zufallszahlengenerators in js als Referenz bereitgestellt. Der spezifische Inhalt ist wie folgt:

Vorbereitung vor dem Experiment:

Verstehen der Mathematikfunktion

Array-Methode verstehen

2. Experimentelle Operation:

<!DOCTYPE html> 
<html lang="en"> 
<head> 
  <meta charset="UTF-8"> 
  <title>随机数生成</title> 
</head> 
<style type="text/css"> 
body{font-size: 20px;} 
#box{border:3px solid #666;width:500px;height:300px;margin:20px auto;padding:20px;position: relative;} 
#min,#max{width: 60px;margin:5px;} 
#num{margin:15px;width: 115px;} 
button{width:80px;height:30px;letter-spacing: 10px;font-size: 15px;} 
h1{margin: 10px 90px;} 
</style> 
<body> 
<p> 
  <p id="box"> 
    <h1>课堂提问生成器</h1> 
    <label>产生随机数的范围：</label><input type="text" id="min">--<input type="text" id="max"></br> 
    <label>需要产生多少个随机数：</label><input type="text" id="num"></br> 
    <button onclick="produce()">生成</button> 
    <p id="result"></p> 
  </p> 
</p> 
</body> 
<script type="text/javascript"> 
  function produce(){ 
    var omin=document.getElementById("min").value; 
    var max=document.getElementById("max").value; 
    var num=document.getElementById("num").value; 
    var oArray=new Array; 
    var result=""; 
    var min=omin; 
    for(var i=0;i<=max-omin;i++){ 
       oArray[i]=min; 
       min++; 
        console.log(oArray[i]); 
    } 
    //没有去重的原代码 
    // for(var i=0;i<num;i++){ 
    // result+=parseInt(Math.random()*(max-min+1) + min)+","; 
    // } 
    oArray.sort(function(){return 0.5 - Math.random(); })  //把按顺序存储的数组打乱 
    for(var i=0;i<num;i++){ 
    result+=oArray[i]+","; 
  } 
  document.getElementById("result").innerText=result; 
} 
</script> 
</html>

3. Operationsergebnis

Das obige ist der detaillierte Inhalt vonBeispiel einer JavaScript-Implementierung eines Zufallszahlen-Deduplizierungsgenerators. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Verwenden Sie HTML5-Canvas, um ein Tangram zu zeichnenNächster Artikel：Verwenden Sie HTML5-Canvas, um ein Tangram zu zeichnen

In Verbindung stehende Artikel

Mehr sehen