JS随机打乱数组的方法小结
更新时间：2016年06月22日 09:39:08 作者：yiluoAK_47
这篇文章主要介绍了JS随机打乱数组的方法,结合实例总结分析了几种常用的数组打乱顺序并重新进行排序的技巧,非常简单实用,需要的朋友可以参考下
本文实例总结了JS随机打乱数组的方法。分享给大家供大家参考，具体如下：
JS中，要打乱数组有很多方法，网上流传一个国外人写的方法，我认为是最精简的了：
function randomsort(a, b) {
return Math.random()>.5 ? -1 : 1;
//用Math.random()函数生成0~1之间的随机数与0.5比较，返回-1或1
}
var arr = [1, 2, 3, 4, 5];
arr.sort(randomsort);
这里介绍下sort()函数，在JS中Array对象里内置了一个函数：
arrayobj.sort([sortfunction])
此方法将 Array 对象进行适当的排序；在执行过程中并不会创建新的 Array 对象。
sortFunction为可选项。
是用来确定元素顺序的函数的名称。如果这个参数被省略，那么元素将按照 ASCII 字符顺序进行升序排列。
sortFunction方法有两个参数。分别代表每次排序比较时的两个数组项。sort()排序时每次比较两个数组项都回执行这个参数，并把两个比较的数组项作为参数传递给这个函数。当函数返回值为1的时候就交换两个数组项的顺序，否则就不交换。
我们可以对上面的randomsort()稍作修改，来实现升序排列和降序排列：
function asc(a,b) {
return a < b ? -1 : 1;//如果a<b不交换，否则交换，即升序排列
}
function desc(a,b) {
return a > b ? -1 : 1;;//如果a>b不交换，否则交换，即将序排列
}
另外，可以直接把一个无名函数直接放到sort()方法的调用中。如下的例子是将奇数排在前面，偶数排在后面，例子如下：
以下是引用片段：
var arrA = [6,2,4,3,5,1];
arrA.sort( function(x, y) {
if (x % 2 ==0) return 1;
if (x % 2 !=0) return -1;
});
document.writeln(arrA); //输出：1,5,3,4,6,2
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript数组操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关文章
相信大家都遇到过,在各种图表框架中经常会有将一段折线平滑的需求,不仅能给用户带来一种柔和的感觉,还能美化界面,让折线看起来没那么生硬,这篇文章主要给大家介绍了关于如何利用Javascript生成平滑曲线的相关资料,需要的朋友可以参考下2021-07-07
这篇文章主要介绍了微信小程序如何修改本地缓存key中单个数据，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
这篇文章主要介绍了js实现支持手机滑动切换的轮播图片效果,实例分析了javascript实现图片切换的相关技巧,非常具有实用价值,需要的朋友可以参考下2015-04-04
下面小编就为大家带来一篇JavaScript 控制字体大小设置的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
JavaScript实现设置默认日期范围为最近40天的方法分析
这篇文章主要介绍了JavaScript实现设置默认日期范围为最近40天的方法,结合实例形式分析了javascript结合HTML5 date元素进行时间运算相关操作技巧,需要的朋友可以参考下2017-07-07
今天小编就为大家分享一篇layer.open 子页面弹出层向父页面传输数据的例子，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
下面小编就为大家分享一篇10行原生JS实现文字无缝滚动的效果，特别简单，具有很好的参考价值，希望对大家有所帮助2018-01-01
JS使用ActiveXObject实现用户提交表单时屏蔽敏感词功能
这篇文章主要介绍了JS采用ActiveXObject实现用户在提交表单时屏蔽敏感词的功能的相关资料,需要的朋友可以参考下2017-06-06
现在的前端JavaScript可以说是异常火爆,即使并不准备向前端发展,但是对前端的一些基础知识还是必须有所了解的,先这篇文章主要给大家介绍了关于在HTML中嵌入JS代码的3种方式,需要的朋友可以参考下2022-11-11
这篇文章主要介绍了JS实现的适合做faq或menu滑动效果,结合实例形式分析了基于JS实现的页面元素滑动渐变效果的相关实现技巧,需要的朋友可以参考下2016-11-11
最新评论