首頁 > web前端 > js教程 > js實作從陣列隨機取得元素_javascript技巧

js實作從陣列隨機取得元素_javascript技巧

WBOY
發布: 2016-05-16 16:20:55
原創
1193 人瀏覽過

基礎:

  複製陣列:

  (1)循環遍歷複製(不建議)

複製程式碼 程式碼如下:

var arry = [1,5,9,7],
    new_arry = [],
    n = 0,
    len = arry.length;
for(;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         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);

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板