JavaScript中实现最高效的数组乱序方法
数组乱序的意思是，把数组内的所有元素排列顺序打乱。
常用的办法是给数组原生的sort方法传入一个函数，此函数随机返回1或-1，达到随机排列数组元素的目的。
arr.sort(function(a,b){ return Math.random()>.5 ? -1 : 1;});
这种方法虽直观，但效率并不高，经我测试，打乱10000个元素的数组，所用时间大概在35ms上下（firefox）
本人一直具有打破沙锅问到底的优良品质，于是搜索到了一个高效的方法。原文见此
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;
};
}
arr.shuffle();
此方法是为Array.prototype添加了一个函数，叫shuffle——不过叫什么名字不重要啦，重要的是他的效率。
拿我上面那个10000个元素的数组来测试，用这个方法乱序完成仅需要7，8毫秒的时间。
把数组元素增加10倍到100000来测试，第一种sort方法费时500+ms左右，shuffle方法费时40ms左右，差别是大大的。
完整测试代码：
var count = 100000,arr = [];
for(var i=0;i.5 ? -1 : 1;});
Array.prototype.sort.call(arr,function(a,b){ return Math.random()>.5 ? -1 : 1;});
document.write(arr+'
');
var t1 = new Date().getTime();
document.write(t1-t);
//以下方法效率最高
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;
};
}
var t = new Date().getTime();
arr.shuffle();
document.write('
'+arr+'
');
var t1 = new Date().getTime();
document.write(t1-t);
另外，大家有没有注意到shuffle代码里的for循环，他没有后半截！也就是只有for(..)却没有后面的{..}，居然可以这样写！而且居然正常执行！好奇特，我得去博客园问问。
相关文章
下面小编就为大家带来一篇html+js实现简单的计算器代码(加减乘除)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-07
JS实现图文并茂的tab选项卡效果示例【附demo源码下载】
这篇文章主要介绍了JS实现图文并茂的tab选项卡效果,涉及javascript响应鼠标事件动态修改页面元素属性的相关操作技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下2016-09-09
这篇文章介绍了js猜数字小游戏的简单实现代码，很好玩的游戏哦，可以看看你的智商 是否惊人额2013-07-07
本篇文章主要是对javascript页面加载完执行事件的代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
keyCod从113-123分别禁用了F2-F12键,13禁用了回车键(Enter),8禁用了退格键(BackSpace)2010-05-05
这篇文章主要介绍了JavaScript事件监听器详细介绍,文章围绕主题展开详细的内容介绍，具有一定的参考价值，感兴趣的小伙伴可以参考一下2022-09-09
这篇文章主要介绍了JavaScript数组迭代器的用法,涉及javascript数组操作的相关技巧,需要的朋友可以参考下2015-06-06
本文主要介绍了JS中phototype的相关知识。具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
Nuxt3 布局layouts和NuxtLayout的使用详解
layouts是Nuxt3提供的一种方便开发者快速实现自定义布局的约定，是基于Vue3的一个开发框架，基于服务器端渲染SSR，可以更加方便的用于Vue的SEO优化，这篇文章主要介绍了Nuxt3 布局layouts和NuxtLayout的使用,需要的朋友可以参考下2023-04-04
这篇文章介绍了JS操作数据库的实例代码，有需要的朋友可以参考一下2013-10-10
最新评论