溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

JS實(shí)現(xiàn)數(shù)組隨機(jī)排序的方法有哪些

發(fā)布時(shí)間：2022-05-20 11:35:55 來源：億速云 閱讀：222 作者：iii 欄目：開發(fā)技術(shù)

本篇內(nèi)容介紹了“JS實(shí)現(xiàn)數(shù)組隨機(jī)排序的方法有哪些”的有關(guān)知識(shí)，在實(shí)際案例的操作過程中，不少人都會(huì)遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

1.利用數(shù)組方法sort實(shí)現(xiàn)隨機(jī)排序

實(shí)現(xiàn)隨機(jī)排序方法還是很多的，用for循環(huán)是可以寫的，用Lodash等三方j(luò)s方法庫也行。但個(gè)人以為使用sort比較方便，但是他又缺點(diǎn)，缺點(diǎn)就是不夠那么的隨機(jī)，我看過sort運(yùn)行機(jī)制后，發(fā)現(xiàn)他竟然是利用一個(gè)比較器兩兩比較出來的。

var arr = [1, 2, 3, 4, 5]
 
arr.sort(function () {
  return Math.random() - 0.5
})
console.log(arr);

JS實(shí)現(xiàn)數(shù)組隨機(jī)排序的方法有哪些

2.洗牌算法實(shí)現(xiàn)隨機(jī)排序

從原始數(shù)組中每次隨機(jī)選中一個(gè)元素，然后放入新數(shù)組中，每取出一個(gè)元素后，將將它從原數(shù)組中取出（使用splice方法），原數(shù)組長度減一。

舉例：

現(xiàn)在我有紅桃K、黑桃A、小王三張牌，要求打亂順序，你可以從三張牌抽出任意一張，假設(shè)你抽到的是小王，那么我手里三張牌變成兩張牌，你手里變成1張牌，以此類推，實(shí)現(xiàn)隨機(jī)排序。

代碼實(shí)現(xiàn)：

function shuffle(array){
    let res = [], random;
    while(array.length>0){
        random = Math.floor(Math.random()*array.length);
        res.push(array[random]);
        array.splice(random, 1);
    }
    return res;
}
 
console.log(shuffle([1,2,3,4,5]));

JS實(shí)現(xiàn)數(shù)組隨機(jī)排序的方法有哪些

3.洗牌算法深入分析

思路：我有一副牌，隨機(jī)抽取牌，舊的牌數(shù)量相應(yīng)減少!

function shuffle(m) //洗牌 //抽牌法
{
//生成m張牌
var arr = new Array(m);
for (var i=0; i<m; i++) {
arr[i] = i;
}
//每次抽出一張牌，需要遍歷整個(gè)數(shù)組，所以很耗時(shí)。
var arr2 = new Array();
for (var i=m; i>0; i–) {
var rnd = Math.floor(Math.random()*i);
arr2.push(arr[rnd]);
arr.splice(rnd,1);
}
return arr2;
}

但是這樣的話，因?yàn)閿?shù)組如果很大的話，刪除中間的某個(gè)元素，會(huì)導(dǎo)致后面的數(shù)據(jù)被執(zhí)行，會(huì)對(duì)性能影響很大。

我們刪除那個(gè)元素的目的就是為了不產(chǎn)生空牌。

除了刪除那個(gè)元素之外，我們是不是還有其它方式來去除空牌？

只需把最后一張未抽的牌放在那個(gè)抽走的位置上就可以了。

順著這個(gè)思路我們可以優(yōu)化成這樣：

代碼如下:

function shuffle_pick(m) //洗牌 //抽牌法優(yōu)化牌
{
//生成m張牌
var arr = new Array(m);
for (var i=0; i<m; i++) {
arr[i] = i;
}
//每次抽出一張牌，放在另一堆。把最后一張未抽的牌放在空位子上。
var arr2 = new Array();
for (var i=m; i>0;) {
var rnd = Math.floor(Math.random()*i);
arr2.push(arr[rnd]);
arr[rnd] = arr[–i];
}
return arr2;
}

除了抽牌思路，我們還可以用換牌思路：

“隨機(jī)交換兩個(gè)位置，共交換n次，n越大，越接近隨機(jī)”。

順著這個(gè)思路，做一點(diǎn)小調(diào)整就可以了：第i張與任意一張牌換位子，換完一輪即可。

代碼如下:

function shuffle_swap(m) //洗牌 //換牌法
{
//生成m張牌
var arr = new Array(m);
for (var i=0; i<m; i++) {
arr[i] = i;
}
//第i張與任意一張牌換位子，換完一輪即可
for (var i=0; i<m; i++) {
var rnd = Math.floor(Math.random()*(i+1)),
temp = arr[rnd];
arr[rnd] = arr[i];
arr[i]=temp;
}
return arr;
}

除了抽牌與換牌的思路，我們還可以用插牌的思路：先有一張牌，第二張牌有兩個(gè)位置可隨機(jī)插入（第一張牌前，或后），第三張牌有三個(gè)位置可隨機(jī)插入（放在后面，或插在第一位，或插在第二位），依此類推

代碼如下:

function shuffle_insert_1(m) //洗牌 //插牌法
{
//每次生成一張最大的牌，插在隨機(jī)的某張牌前。因?yàn)橐跀?shù)組里插入元素，把后面的所有元素向后擠一位，所以很耗時(shí)。
var arr = [0];
for (var i=1; i<m; i++) {
arr.splice(Math.floor(Math.random()*(i+1)),0,i);
}
return arr;
}

以上的代碼也會(huì)有一些問題：就是隨著牌數(shù)的增多，插牌變得越來越困難，因?yàn)椴迮茣?huì)導(dǎo)致后面的很多牌都往后推一步。

當(dāng)然，我們也可以適當(dāng)?shù)膬?yōu)化一下：先有n-1張牌，第n張牌放在最后，然后與任意一張牌互換位置。

代碼如下：

function shuffle_insert(m) //洗牌 //插牌法優(yōu)化版，可以用數(shù)學(xué)歸納法證明，這種洗牌是均勻的。
{
//每次生成一張最大的牌，與隨機(jī)的某張牌換位子
var arr = new Array(m);
arr[0] = 0;
for (var i=1; i<m; i++) {
var rnd = Math.floor(Math.random()*(i+1));
arr[i] = arr[rnd];
arr[rnd] = i;
}
return arr;
}

全部代碼

代碼如下:

<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″>
<title>JK：javascript 洗牌算法 </title>
</head>
<body>
<script type=”text/javascript”>
function shuffle_pick_1(m) //洗牌 //抽牌法
{
//生成m張牌
var arr = new Array(m);
for (var i=0; i<m; i++) {
arr[i] = i;
}
//每次抽出一張牌，放在另一堆。因?yàn)橐跀?shù)組里抽出元素，把后面的所有元素向前拉一位，所以很耗時(shí)。
var arr2 = new Array();
for (var i=m; i>0; i–) {
var rnd = Math.floor(Math.random()*i);
arr2.push(arr[rnd]);
arr.splice(rnd,1);
}
return arr2;
}
function shuffle_pick(m) //洗牌 //抽牌法優(yōu)化牌
{
//生成m張牌
var arr = new Array(m);
for (var i=0; i<m; i++) {
arr[i] = i;
}
//每次抽出一張牌，放在另一堆。把最后一張未抽的牌放在空位子上。
var arr2 = new Array();
for (var i=m; i>0;) {
var rnd = Math.floor(Math.random()*i);
arr2.push(arr[rnd]);
arr[rnd] = arr[–i];
}
return arr2;
}
function shuffle_swap(m) //洗牌 //換牌法
{
//生成m張牌
var arr = new Array(m);
for (var i=0; i<m; i++) {
arr[i] = i;
}
//第i張與任意一張牌換位子，換完一輪即可
for (var i=0; i<m; i++) {
var rnd = Math.floor(Math.random()*(i+1)),
temp = arr[rnd];
arr[rnd] = arr[i];
arr[i]=temp;
}
return arr;
}
function shuffle_insert_1(m) //洗牌 //插牌法
{
//每次生成一張最大的牌，插在隨機(jī)的某張牌前。因?yàn)橐跀?shù)組里插入元素，把后面的所有元素向后擠一位，所以很耗時(shí)。
var arr = [0];
for (var i=1; i<m; i++) {
arr.splice(Math.floor(Math.random()*(i+1)),0,i);
}
return arr;
}
function shuffle_insert(m) //洗牌 //插牌法優(yōu)化版，可以用數(shù)學(xué)歸納法證明，這種洗牌是均勻的。
{
//每次生成一張最大的牌，與隨機(jī)的某張牌換位子
var arr = new Array(m);
arr[0] = 0;
for (var i=1; i<m; i++) {
var rnd = Math.floor(Math.random()*(i+1));
arr[i] = arr[rnd];
arr[rnd] = i;
}
return arr;
}
//alert(shuffle_pick(10))
var funcs = [shuffle_pick_1, shuffle_pick, shuffle_swap, shuffle_insert_1, shuffle_insert],
funcNames = [“抽牌”, “抽牌優(yōu)化”, “換牌”, “插牌”, “插牌優(yōu)化”]
m = 10000,
times=[];
for(var i = 0; i < funcs.length; i++){
var d0= new Date();
funcs[i](m);
funcNames[i] = (new Date() – d0) + ‘\t' + funcNames[i];
}
alert(funcNames.join(‘\n'));
</script>
</body>
</html>

“JS實(shí)現(xiàn)數(shù)組隨機(jī)排序的方法有哪些”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

js
AI
助
手