快捷導航

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次測試效果：

這里是從本人項目中分離出來分享給大家，希望對大家有所幫助。

您可能感興趣的文章:

相關(guān)文章

js自定義方法通過隱藏iframe實現(xiàn)文件下載
通過隱藏iframe實現(xiàn)文件下載,不可思議吧，但確實是可以實現(xiàn)的,不懂的看下代碼，或許可以幫助到你,而且此功能是用js實現(xiàn)的，感興趣的你可不要錯過了哈
2013-02-02
js中call()和apply()改變指針問題的講解
今天小編就為大家分享一篇關(guān)于js中call()和apply()改變指針問題的講解，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧
2019-01-01
JS中mouseup事件丟失的原因與解決辦法
這篇文章主要跟大家介紹了關(guān)于Javascript中mouseup事件丟失的原因與解決辦法的相關(guān)資料，文中給出詳細的示例代碼供大家參考學習，需要的朋友們下面跟著小編一起來學習學習吧。
2017-06-06
js中對象與對象創(chuàng)建方法的各種方法
這篇文章主要給大家介紹了關(guān)于js中對象與對象創(chuàng)建方法的各種方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧
2019-02-02
詳解JavaScript中的this硬綁定
這篇文章主要為大家詳細介紹了JavaScript中的this顯示綁定和硬綁定，文中的示例代碼講解詳細，具有一定的借鑒價值，感興趣的可以了解一下
2022-10-10
純JS實現(xiàn)根據(jù)CSS的class選擇DOM
這篇文章主要介紹了純JS實現(xiàn)根據(jù)CSS的class選擇DOM,需要的朋友可以參考下
2014-03-03
淺析JavaScript Array和string的轉(zhuǎn)換(推薦)
下面小編就為大家?guī)硪黄獪\析JavaScript Array和string的轉(zhuǎn)換(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-05-05
JS中setTimeout()的用法詳解
setTimeout( ) 是屬于 window 的 method, 但我們都是略去 window 這頂層物件名稱, 這是用來設(shè)定一個時間, 時間到了, 就會執(zhí)行一個指定的 method
2013-04-04
JS 實現(xiàn)Table相同行的單元格自動合并示例代碼
Table相同行的單元格自動合并，使用js來實現(xiàn)此效果，具體代碼下，感興趣的朋友可以參考下
2013-08-08
clipboard.js使用總結(jié)
clipboard.js是一款輕量級的實現(xiàn)復制文本到剪貼板功能的JavaScript插件，本文就詳細的介紹一下如何使用，感興趣的可以了解一下
2021-11-11