JavaScript中实现最高效的数组乱序方法
作者:bea
数组乱序的意思是,把数组内的所有元素排列顺序打乱。 常用的办法是给数组原生的sort方法传入一个函数,此函数随机返回1或-1,达到随机排列数组元素的目的。 代码如下: arr.sort(function(a,b){ return Math.random()>.5 ? -1 : 1;}); 这种方法虽直观,但效率并不高,经我测试,打乱10000个元素的数组,所用时间大概在35ms上下(firefox) 本人一直具有打破沙锅问到底的优良品质,于是搜索到了一个高效的
数组乱序的意思是,把数组内的所有元素排列顺序打乱。
常用的办法是给数组原生的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(..)却没有后面的{..},居然可以这样写!而且居然正常执行!好奇特,我得去博客园问问。
有用 | 无用
常用的办法是给数组原生的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(..)却没有后面的{..},居然可以这样写!而且居然正常执行!好奇特,我得去博客园问问。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- 两种方法基于jQuery实现IE浏览器兼容placeholder效果
- 网站基于flash实现的Banner图切换效果代码
- jQuery 实现自动填充邮箱功能(带下拉提示)
- js网页右下角提示框实例
- 兼容主流浏览器的jQuery+CSS 实现遮罩层的简单代码
- 从数据库读取数据后将其输出成html标签的三种方法
- JavaScript使用循环和分割来替换和删除元素实例
- javascript实现分栏显示小技巧附图
- jquery引用方法时传递参数原理分析
- form.submit()不能提交表单的错误原因及解决方法
- js的touch事件的实际引用
- JQuery 使用attr方法实现下拉列表选中
- 5个JavaScript经典面试题
- Json实现异步请求提交评论无需跳转其他页面
- innerHTML动态添加html代码和脚本兼容多个浏览器
- ie8模式下click无反应点击option无反应的解决方法
- JS 获取鼠标左右键的键值方法
- jquery动态加载js/css文件方法(自写小函数)
- 打造个性化的功能强大的Jquery虚拟键盘(VirtualKeyboard)