JavaScript实现PHP shuffle数组打乱功能的方法

JavaScript实现PHP shuffle数组打乱功能的方法

PHP内置了便捷的数组打乱函数shuffle()，该功能在开发中应用广泛。然而JavaScript原生数组并未提供此方法。虽然缺失这一功能，但开发者可以通过自定义扩展来实现，即通过手动编码来补充这一常用工具。

刷新页面即可看到随机排序后的效果。

<script type="text/javascript">
//<![CDATA[
// 说明：为 Javascript 数组添加 shuffle 方法
 
var shuffle = function(v){
for(var j, x, i = v.length; i; j = parseInt(Math.random() * i), x = v[--i], v[i] = v[j], v[j] = x);
return v;
};
 
var a = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
 
document.write("A = ", a.join(","), "<br />shuffle(A) = ", shuffle(a));
 
//]]>
</script>

运行上述代码后的输出结果如下：

A = 0,1,2,3,4,5,6,7,8,9
shuffle(A) = 1,5,0,9,2,3,6,8,4,7
A.shuffle() = 0,4,2,8,5,1,3,6,9,7

通过prototype扩展数组方法

另一种方式是通过prototype属性为数组对象添加该方法：

<script type="text/javascript">
//<![CDATA[
 
var a = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
 
if (!Array.prototype.shuffle) {
Array.prototype.shuffle = function() {
for(var j, x, i = this.length; i; j = parseInt(Math.random() * i), x = this[--i], this[i] = this[j], this[j] = x);
return this;
    };
}
 
document.write("A = ", a.join(","), "<br />A.shuffle() = ", a.shuffle());
 
//]]>
</script>