js實現(xiàn)從數(shù)組里隨機獲取元素

更新時間：2023年07月03日 22:42:15 投稿：hebedich

這篇文章主要介紹了js實現(xiàn)從數(shù)組里隨機獲取元素的方法，以及個人封裝的js代碼分享，十分的實用，這里推薦給小伙伴們

基礎(chǔ)知識：

復制數(shù)組:

1、循環(huán)遍歷復制（不推薦）

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

2、concat() 方法用于連接兩個或多個數(shù)組,該方法不會改變現(xiàn)有的數(shù)組，而僅僅會返回被連接數(shù)組的一個副本

var arry = [1,5,9,7],
??? new_arry = arry.concat();
console.log(new_arry);

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

var arry = [1,5,9,7],
??? new_arry = arry.slice(0);
console.log(new_arry);

隨機數(shù)：

Math.random()
Math.random()，返回0到1的隨機數(shù)，如：0.4261967441998422

個人封裝函數(shù)：

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

是不是很好用呢，非常實用的代碼

再給大家分享一個

 
//定義一個數(shù)組
var urls = ['value1','value2','value3','value4','value5'];
//隨機從數(shù)組中獲取一個值
var element = urls[Math.floor((Math.random()*urls.length))];
//循環(huán)測試下隨機獲取一個值。
for(var i=0;i<10;i++){
	var element = urls[Math.floor((Math.random()*urls.length))];
	console.log('第' + i +'次獲取到：' + element);
}

隨機值獲取10次測試效果：