DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> js實現從數組裡隨機獲取元素
js實現從數組裡隨機獲取元素
編輯:JavaScript綜合知識     

 這篇文章主要介紹了js實現從數組裡隨機獲取元素的方法,以及個人封裝的js代碼分享,十分的實用,這裡推薦給小伙伴們

   

基礎知識:

  復制數組:

  (1)循環遍歷復制(不推薦)

 

代碼如下:
var arry = [1,5,9,7],
new_arry = [],
n = 0,
len = arry.length;
for(;n<len;n++){
new_arry.push(arry[n]);
}

 

  (2)concat() 方法用於連接兩個或多個數組,該方法不會改變現有的數組,而僅僅會返回被連接數組的一個副本

 

代碼如下:
var arry = [1,5,9,7],
new_arry = arry.concat();
console.log(new_arry);

 

  (3)slice() 方法可從已有的數組中返回選定的元素

 

代碼如下:
var arry = [1,5,9,7],
new_arry = arry.slice(0);
console.log(new_arry);

 

  隨機數:

Math.random()
Math.random(),返回0到1的隨機數,如:0.4261967441998422

個人封裝函數:

 

代碼如下:
function getRandom(opt) {
var old_arry = opt.arry,
range = opt.range;
//防止超過數組的長度
range = range > old_arry.length?old_arry.length:range;
var newArray = [].concat(old_arry), //拷貝原數組進行操作就不會破壞原數組
valArray = [];
for (var n = 0; n < range; n++) {
var r = Math.floor(Math.random() * (newArray.length));
valArray.push(newArray[r]);
//在原數組刪掉,然後在下輪循環中就可以避免重復獲取
newArray.splice(r, 1);
}
return valArray;
}
var new_val = getRandom({'arry':[1,6,8,0,3],'range':3});
console.log(new_val);

 

是不是很好用呢,非常實用的代碼,這裡是從本人項目中分離出來分享給大家,希望對大家有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved