1、常规算法
function shuffle(array) { var copy = [], n = array.length, i; while(n) { i = Math.floor(Math.random() * array.length); if (i in array) { copy.push(array[i]); delete array[i]; n--; } } return copy; }
这个方法有个很大的问题在于: delete array[i] 会将array的第i个元素设置为空,即删除后的值为undefined,而数组长度并不会改变,所以每次随机的时候很有可能还会随机到这个序号,虽然代码中有if(i in array) 来避免空值存入新数组,但是徒增了不必要的循环,降低了效率;并且还有会存在永远运行不完的可能!因为随机数有可能一值会随机到已经置空的数据!
这个方法不是太可取!
2、改进的做法
function shuffle(array) { var copy = [], n = array.length, i; while (n) { i = Math.floor(Math.random() * n--); copy.push(array.splice(i, 1)[0]); } return copy; }
此方法的重点在于 array.splice(i, 1)。即将随机出来的数据从原数组中剔除,这样下一次随机的时候就不可能会取到这个值了!并且n--保证了循环不会永远运行!
不过,该方法splice删除数组元素会导致删除位置之后的所有元素要做shift操作来向前补充,增加了算法的复杂度。
3、进一步优化
function shuffle(array) { var m = array.length, t, i; while(m) { i = Math.floor(Math.random() * m--); t = array[m]; array[m] = array[i]; array[i] = t; } return array; }
因为我们要的目的是打算数组的排序,所以打乱后的数组的长度应该是跟原数组长度一样的,所以,随机从数组中抽出一个元素,然后与最后一个元素交换,相当于把这个随机抽取的元素放到数组最后面去,表示它已经被随机过了,同时被换走的那个元素(原来在最后的那元素)跑到前面去了,会在后续的重复操作中被随机掉。一轮操作过后,下一轮我们只在剩下的n-1个元素中进行相同的操作,直到随机到第一个。
附加:
function shuffle(array) { return array.sort(function(){ return Math.random() - 0.5; }); }
结合js自带的sort() 方法来实现,这个方法虽然看似简洁很多(其实只是js后台运行,源码sort()方法十分复杂),但是性能却不如上面那种方法!因为随着数组元素越多,其随机性会变差。