洗牌算法(shuffle)的js实现

Fisher-Yates

先看最经典的 Fisher-Yates 的洗牌算法

这里有一个该算法的可视化实现

其算法思想就是 从原始数组中随机抽取一个新的元素到新数组中

1. 从还没处理的数组（假如还剩n个）中，产生一个[0, n]之间的随机数 random
2. 从剩下的n个元素中把第 random 个元素取出到新数组中
3. 删除原数组第random个元素
4. 重复第 2 3 步直到所有元素取完
5. 最终返回一个新的打乱的数组

按步骤一步一步来就很简单的实现

复制
1function shuffle(arr){
2    var result = [],
3        random;
4    while(arr.length>0){
5        random = Math.floor(Math.random() * arr.length);
6        result.push(arr[random])
7        arr.splice(random, 1)
8    }
9    return result;
10}

这种算法要去除原数组 arr 中的元素，所以时间复杂度为 O(n2)

Knuth-Durstenfeld Shuffle

Fisher-Yates 洗牌算法的一个变种是 Knuth Shuffle

每次从未处理的数组中随机取一个元素，然后把该元素放到数组的尾部，即数组的尾部放的就是已经处理过的元素，这是一种原地打乱的算法，每个元素随机概率也相等，时间复杂度从 Fisher 算法的 O(n2)提升到了 O(n)

1. 选取数组(长度n)中最后一个元素(arr[length-1])，将其与n个元素中的任意一个交换，此时最后一个元素已经确定
2. 选取倒数第二个元素(arr[length-2])，将其与n-1个元素中的任意一个交换
3. 重复第 1 2 步，直到剩下1个元素为止

复制
1function shuffle(arr){
2    var length = arr.length,
3        temp,
4        random;
5    while(0 != length){
6        random = Math.floor(Math.random() * length)
7        length--;
8        // swap
9        temp = arr[length];
10        arr[length] = arr[random];
11        arr[random] = temp;
12    }
13    return arr;
14}

Durstenfeld Shuffle的算法是从数组第一个开始，和Knuth的区别是遍历的方向不同

Other

Array.sort()

利用Array的sort方法可以更简洁的实现打乱，对于数量小的数组来说足够。因为随着数组元素增加，随机性会变差。

复制
1[1,2,3,4,5,6].sort(function(){
2    return .5 - Math.random();
3})

ES6

Knuth-Durstenfeld shuffle 的 ES6 实现，代码更简洁

复制
1
2function shuffle(arr){
3    let n = arr.length, random;
4    while(0!=n){
5        random =  (Math.random() * n--) >>> 0; // 无符号右移位运算符向下取整
6        [arr[n], arr[random]] = [arr[random], arr[n]] // ES6的结构赋值实现变量互换
7    }
8    return arr;
9}