JavaScript随机打乱数组顺序之随机洗牌算法

 更新时间:2016年08月02日 11:06:18   投稿:mrr   我要评论

这篇文章主要介绍了JavaScript随机打乱数组顺序之随机洗牌算法的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下

假如有一个数组是这样子:

var arr1 = ["a", "b", "c", "d"];

如何随机打乱数组顺序,也即洗牌。

有一个比较广为传播的简单随机算法:

function RandomSort (a,b){ return (0.5 - Math.random()); }

实际证明上面这个并不完全随机。

随便一搜网上太多这种东西了,看一下stackoverflow上的一个高分回答,答案出自github上。

knuth-shuffle
The Fisher-Yates (aka Knuth) shuffle for Browser and Node.JS

下面一起看看上面说的这个算法,代码如下:

/*jshint -W054 */
(function (exports) {
'use strict';
// http://stackoverflow.com/questions/2450954/how-to-randomize-shuffle-a-javascript-array
function shuffle(array) {
var currentIndex = array.length
, temporaryValue
, randomIndex
;
// While there remain elements to shuffle...
while (0 !== currentIndex) {
// Pick a remaining element...
randomIndex = Math.floor(Math.random() * currentIndex);
currentIndex -= 1;
// And swap it with the current element.
temporaryValue = array[currentIndex];
array[currentIndex] = array[randomIndex];
array[randomIndex] = temporaryValue;
}
return array;
}
exports.knuthShuffle = shuffle;
}('undefined' !== typeof exports && exports || 'undefined' !== typeof window && window || global));

作者推荐使用浏览器写法:

(function () {
'use strict';
var a = [2,11,37,42]
, b
;
// The shuffle modifies the original array
// calling a.slice(0) creates a copy, which is assigned to b
b = window.knuthShuffle(a.slice(0));
console.log(b);
}());

Nodejs:

npm install -S knuth-shuffle
(function () {
'use strict';
var shuffle = require('knuth-shuffle').knuthShuffle
, a = [2,11,37,42]
, b
;
// The shuffle modifies the original array
// calling a.slice(0) creates a copy, which is assigned to b
b = shuffle(a.slice(0));
console.log(b);
}());

还有其它从这个算法中变形去的,比如下面这个for循环的。其它的就不说了。

/**
* Randomize array element order in-place.
* Using Durstenfeld shuffle algorithm.
*/
function shuffleArray(array) {
for (var i = array.length - 1; i > 0; i--) {
var j = Math.floor(Math.random() * (i + 1));
var temp = array[i];
array[i] = array[j];
array[j] = temp;
}
return array;
}

使用ES2015(ES6)

Array.prototype.shuffle = function() {
let m = this.length, i;
while (m) {
i = (Math.random() * m--) >>> 0;
[this[m], this[i]] = [this[i], this[m]]
}
return this;
}

使用:

[1, 2, 3, 4, 5, 6, 7].shuffle();

发现中文搜索随机算法一大堆,但究竟是不是完全随机,效率和兼容性都有待考究,建议后面如果有需要用到随机打乱数组元素,可以用上面这个。

相关文章

  • js排序与重组的实例讲解

    js排序与重组的实例讲解

    下面小编就为大家带来一篇js排序与重组的实例讲解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • 使用Post提交时须将空格转换成加号的解释

    使用Post提交时须将空格转换成加号的解释

    参数有中包含空格且使用Post提交时须将空格转换成加号,这样后台程序接受到的才是真正的空格,感兴趣的朋友可以了解下
    2013-01-01
  • javascript实现tab切换特效

    javascript实现tab切换特效

    这篇文章主要介绍了javascript实现tab切换特效,实现的方法很简单,特别适合初学者学习javascript实现tab切换特效,tab切换再也不是问题,需要的朋友可以参考下
    2015-11-11
  • JS基于面向对象实现的拖拽库实例

    JS基于面向对象实现的拖拽库实例

    这篇文章主要介绍了JS基于面向对象实现的拖拽库,以实例形式分析了JavaScript设置水平、垂直拖拽及限制拖拽范围的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-09-09
  • Js md5加密网页版MD5转换代码

    Js md5加密网页版MD5转换代码

    Js实现网页上的MD5加密功能,将文字转换为MD5字符,本代码调用简单,你可以新建一个网页,将此网页上传到你的服务器上,用户浏览网页,就可实现MD5加密转换功能,用户可方便查询任一字符的MD5码,很不错的功能
    2013-03-03
  • javascript事件冒泡实例分析

    javascript事件冒泡实例分析

    这篇文章主要介绍了javascript事件冒泡实原理,实例分析了事件冒泡的定义及实现技巧,需要的朋友可以参考下
    2015-05-05
  • 基于javascript代码检测访问网页的浏览器呈现引擎、平台、Windows操作系统、移动设备和游戏系统

    基于javascript代码检测访问网页的浏览器呈现引擎、平台、Window

    这篇文章主要介绍了基于javascript代码检测访问网页的浏览器呈现引擎、平台、Windows操作系统、移动设备和游戏系统 的相关资料,需要的朋友可以参考下
    2015-12-12
  • js实现数组内数据的上移和下移的实例

    js实现数组内数据的上移和下移的实例

    下面小编就为大家带来一篇js实现数组内数据的上移和下移的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-11-11
  • js实现浏览器窗口大小被改变时触发事件的方法

    js实现浏览器窗口大小被改变时触发事件的方法

    这篇文章主要介绍了js实现浏览器窗口大小被改变时触发事件的方法,实例分析了window.onresize方法的使用技巧,需要的朋友可以参考下
    2015-02-02
  • 浅谈mint-ui 填坑之路

    浅谈mint-ui 填坑之路

    本篇文章主要介绍了浅谈mint-ui 填坑之路,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-11-11

最新评论