DIV CSS 佈局教程網

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

代碼實例如下:

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)

上面的代碼實現了我們的要求，下面就介紹一下上面代碼的實現過程。

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

來自：http://www.softwhy.com/forum.php?mod=viewthread&tid=16493