本章節(jié)通過代碼實例介紹一下如何實現(xiàn)簡單的四位隨機數(shù)功能。
比較簡單的一種實現(xiàn)方式就是從數(shù)字和字母中隨機抽取四個不重復(fù)的字符。

代碼實例如下:

function only(ele,arr){ 
 if(arr.length==0){ 
  return true; 
 } 
 for(var j=0;j<arr.length;j++){ 
  if(ele==arr[j]){ 
   return false; 
  }else{ 
   return true; 
  } 
 } 
} 
 
var arr=[0,1,2,3,4,5,6,"a","b","c","d","e","f","g"]; 
 
(function(){ 
 var randNum=null; 
 var old=[]; 
 var str=""; 
 function done(){ 
  randNum=Math.floor(Math.random()*14); 
  if(only(randNum,old)){ 
   str=str+arr[randNum]; 
   old.push(randNum); 
  } 
  else{ 
   done(); 
  } 
 } 
 for(var index=0;index<4;index++){ 
  done(); 
 } 
 console.log(str); 
})(arr)

上面的代碼實現(xiàn)了我們的要求，但有點不方便擴展，下面給出更好的代碼

<script>
var arr=[0,1,2,3,4,5,6,7,8,9,"a","b","c","d","e","f","g"];
function done(arr,len){
  var num=arr.length;
  var code="";
  for(var index=0;index<len;index++){
    code=code+arr[parseInt(Math.random()*num)];
  }
  return code;
}
console.log(done(arr,4));
</script>

下面就介紹一下上面代碼的實現(xiàn)過程。

一.代碼注釋:

1.function only(ele,arr){}，此函數(shù)可以實現(xiàn)判斷指定的索引是否已經(jīng)使用過了，放置隨機數(shù)出現(xiàn)重復(fù)。
2.if(arr.length==0){}，如果數(shù)組為空，那么就說明不可能是重復(fù)的情況，返回true。
3.for(var j=0;j<arr.length;j++){}，數(shù)組不為空，就遍歷數(shù)組中的元素，進行比對，沒有重復(fù)的就返回true，否則返回false。4.var arr=[0,1,2,3,4,5,6,"a","b","c","d","e","f","g"]，獲取隨機數(shù)的數(shù)組，當然可以進行擴充。
5.(function(){})(arr)，一個自執(zhí)行函數(shù)，并傳遞一個參數(shù)。
6.var randNum=null，聲明一個變量并賦初值為null，用來存儲隨機生成的數(shù)組索引。
7.var old=[]，創(chuàng)建一個空數(shù)組，用來存儲已經(jīng)出現(xiàn)過的數(shù)組索引值。
8.var str=""，創(chuàng)建一個空字符串，用來存放生成的隨機數(shù)。
9.function done(){}，此函數(shù)可以用來獲取一個隨機數(shù)。
10.randNum=Math.floor(Math.random()*14)，獲取數(shù)組的索引值。
11.if(only(randNum,old)){
str=str+arr[randNum];
old.push(randNum);
}，判斷是否已經(jīng)使用過，如果沒有，則獲取數(shù)組元素，并追加到str字符串中，最后將此索引值追加到old數(shù)組。
12.else{ done();
}，如果已經(jīng)用過，那么再獲取一次，這里是使用遞歸的方式。
13.for(var index=0;index<4;index++){
done();
}，使用for循環(huán)獲取4個隨機數(shù)。

到此這篇關(guān)于javascript獲取四位數(shù)字或者字母的隨機數(shù)的文章就介紹到這了,更多相關(guān)js隨機數(shù)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論