JS随机打乱数组的方法小结


Posted in Javascript onJune 22, 2016

本文实例总结了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 相关文章推荐
js动态加载以及确定加载完成的代码
Jul 31 Javascript
javascript贪吃蛇完整版(源码)
Dec 09 Javascript
深入浅析JS Function()构造函数
Aug 22 Javascript
vue.js学习之递归组件
Dec 13 Javascript
Node.JS利用PhantomJs抓取网页入门教程
May 19 Javascript
详解如何让Express支持async/await
Oct 09 Javascript
微信小程序实现指定显示行数多余文字去掉用省略号代替
Jul 25 Javascript
重学 JS:为啥 await 不能用在 forEach 中详解
Apr 15 Javascript
详解Vue之计算属性
Jun 20 Javascript
Vue+Java 通过websocket实现服务器与客户端双向通信操作
Sep 22 Javascript
JavaScript async/await原理及实例解析
Dec 02 Javascript
vue使用过滤器格式化日期
Jan 20 Vue.js
JS产生随机数的几个用法详解
Jun 22 #Javascript
js与applet相互调用的方法
Jun 22 #Javascript
javascript时间戳和日期字符串相互转换代码(超简单)
Jun 22 #Javascript
JS 日期与时间戮相互转化的简单实例
Jun 22 #Javascript
静态页面html中跳转传值的JS处理技巧
Jun 22 #Javascript
浅谈JavaScript for循环 闭包
Jun 22 #Javascript
Javascript获取随机数的实现方法
Jun 22 #Javascript
You might like
codeigniter上传图片不能正确识别图片类型问题解决方法
2014/07/25 PHP
tp5框架使用composer实现日志记录功能示例
2019/01/10 PHP
PHP的JSON封装、转变及输出操作示例
2019/09/27 PHP
JavaScript之HTMLCollection接口代码
2011/04/27 Javascript
HTML5之lang属性与dir属性的详解
2013/06/19 Javascript
JavaScript将数据转换成整数的方法
2014/01/04 Javascript
jQuery中html()方法用法实例
2014/12/25 Javascript
jquery+CSS3实现淘宝移动网页菜单效果
2015/08/31 Javascript
jquery原理以及学习技巧介绍
2015/11/11 Javascript
js实现搜索框关键字智能匹配代码
2020/03/26 Javascript
jQuery实现图片走马灯效果的原理分析
2016/01/16 Javascript
Fullpage.js固定导航栏-实现定位导航栏
2016/03/17 Javascript
原生JS实现图片轮播与淡入效果的简单实例
2016/08/21 Javascript
微信小程序url传参写变量的方法
2018/08/09 Javascript
详解基于Vue/React项目的移动端适配方案
2019/08/23 Javascript
Ant Design Vue table中列超长显示...并加提示语的实例
2020/10/31 Javascript
Python面向对象之类的内置attr属性示例
2018/12/14 Python
关于Django ForeignKey 反向查询中filter和_set的效率对比详解
2018/12/15 Python
Python OS模块实例详解
2019/04/15 Python
Python Selenium 设置元素等待的三种方式
2020/03/18 Python
selenium如何定位span元素的实现
2021/01/13 Python
HTML5+CSS3 实现灵动的动画 TAB 切换效果(DEMO)
2017/09/15 HTML / CSS
Sunglasses Shop英国:欧洲领先的太阳镜在线供应商之一
2018/09/19 全球购物
澳大利亚在线购买葡萄酒:The Wine Collective
2020/02/20 全球购物
传统软件工程与面向对象的软件工程有什么区别
2012/05/31 面试题
商务主管岗位职责
2013/12/08 职场文书
毕业生自荐书
2013/12/18 职场文书
怎样写好自荐信和推荐信
2013/12/26 职场文书
新领导上任欢迎词
2014/01/13 职场文书
党员公开承诺书和承诺事项
2014/03/25 职场文书
户籍证明书标准模板
2014/09/10 职场文书
教师党员先进性教育自我剖析材料思想汇报
2014/09/24 职场文书
2015年超市收银员工作总结
2015/04/25 职场文书
2016春季运动会通讯稿
2015/07/18 职场文书
2016年寒假社会实践活动总结
2015/10/10 职场文书
win10搭建配置ftp服务器的方法
2022/08/05 Servers