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

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

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

基礎(chǔ)知識(shí)：

復(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() 方法用于連接兩個(gè)或多個(gè)數(shù)組,該方法不會(huì)改變現(xiàn)有的數(shù)組，而僅僅會(huì)返回被連接數(shù)組的一個(gè)副本

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

個(gè)人封裝函數(shù)：

function getRandom(opt) {
??? var old_arry = opt.arry,
??????? range = opt.range;
??? //防止超過(guò)數(shù)組的長(zhǎng)度
??? range = range > old_arry.length?old_arry.length:range;
??? var newArray = [].concat(old_arry), //拷貝原數(shù)組進(jìn)行操作就不會(huì)破壞原數(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í)用的代碼

再給大家分享一個(gè)

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

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

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

您可能感興趣的文章:

相關(guān)文章

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