快捷導(dǎo)航

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

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

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

基礎(chǔ)知識：

復(fù)制數(shù)組:

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

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);

隨機(jī)數(shù)：

Math.random()
Math.random()，返回0到1的隨機(jī)數(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ù)組進(jìn)行操作就不會破壞原數(shù)組
??????? valArray = [];
??? for (var n = 0; n < range; n++) {
??????? var r = Math.floor(Math.random() * (newArray.length));
??????? valArray.push(newArray[r]);
??????? //在原數(shù)組刪掉，然后在下輪循環(huán)中就可以避免重復(fù)獲取
??????? newArray.splice(r, 1);
??? }
??? return valArray;
}
var new_val = getRandom({'arry':[1,6,8,0,3],'range':3});
console.log(new_val);

是不是很好用呢，非常實(shí)用的代碼

再給大家分享一個

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

隨機(jī)值獲取10次測試效果：

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

您可能感興趣的文章:

相關(guān)文章

js自定義方法通過隱藏iframe實(shí)現(xiàn)文件下載
通過隱藏iframe實(shí)現(xiàn)文件下載,不可思議吧，但確實(shí)是可以實(shí)現(xiàn)的,不懂的看下代碼，或許可以幫助到你,而且此功能是用js實(shí)現(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)資料，文中給出詳細(xì)的示例代碼供大家參考學(xué)習(xí)，需要的朋友們下面跟著小編一起來學(xué)習(xí)學(xué)習(xí)吧。
2017-06-06
js中對象與對象創(chuàng)建方法的各種方法
這篇文章主要給大家介紹了關(guān)于js中對象與對象創(chuàng)建方法的各種方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
2019-02-02
詳解JavaScript中的this硬綁定
這篇文章主要為大家詳細(xì)介紹了JavaScript中的this顯示綁定和硬綁定，文中的示例代碼講解詳細(xì)，具有一定的借鑒價值，感興趣的可以了解一下
2022-10-10
純JS實(shí)現(xiàn)根據(jù)CSS的class選擇DOM
這篇文章主要介紹了純JS實(shí)現(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 實(shí)現(xiàn)Table相同行的單元格自動合并示例代碼
Table相同行的單元格自動合并，使用js來實(shí)現(xiàn)此效果，具體代碼下，感興趣的朋友可以參考下
2013-08-08
clipboard.js使用總結(jié)
clipboard.js是一款輕量級的實(shí)現(xiàn)復(fù)制文本到剪貼板功能的JavaScript插件，本文就詳細(xì)的介紹一下如何使用，感興趣的可以了解一下
2021-11-11