DIV CSS 佈局教程網

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

基礎知識:

  復制數組:

  (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