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 相关文章推荐
移动设备web开发首选框架:zeptojs介绍
Jan 29 Javascript
JS动态加载当前时间的方法
Feb 09 Javascript
如何解决谷歌浏览器下jquery无法获取图片的尺寸
Sep 10 Javascript
jQuery+jsp实现省市县三级联动效果(附源码)
Dec 03 Javascript
基于JavaScript实现 网页切出 网站title变化代码
Apr 03 Javascript
详解vue-admin和后端(flask)分离结合的例子
Feb 12 Javascript
详解Webpack-dev-server的proxy用法
Sep 08 Javascript
vue-router的使用方法及含参数的配置方法
Nov 13 Javascript
JS实现基本的网页计算器功能示例
Jan 16 Javascript
Vue select 绑定动态变量的实例讲解
Oct 22 Javascript
vue实现单一筛选、删除筛选条件
Oct 26 Javascript
jQuery+ajax实现文件上传功能
Dec 22 jQuery
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
在mysql数据库原有字段后增加新内容
2009/11/26 PHP
基于PHP5魔术常量与魔术方法的详解
2013/06/13 PHP
PHP反射类ReflectionClass和ReflectionObject的使用方法
2013/11/13 PHP
如何使用jquery动态加载js,css文件实现代码
2013/04/03 Javascript
告诉你什么是javascript的回调函数
2014/09/04 Javascript
JavaScript运算符小结
2015/06/03 Javascript
利用JavaScript的AngularJS库制作电子名片的方法
2015/06/18 Javascript
JS+CSS实现自适应选项卡宽度的圆角滑动门效果
2015/09/15 Javascript
AngularJS自动表单验证
2016/02/01 Javascript
Bootstrap CSS组件之按钮组(btn-group)
2016/12/17 Javascript
js学使用setTimeout实现轮循动画
2017/07/17 Javascript
vue实现文章内容过长点击阅读全文功能的实例
2017/12/28 Javascript
安装vue-cli的简易过程
2018/05/22 Javascript
微信小程序云开发之使用云函数
2019/05/17 Javascript
vue3.0中的双向数据绑定方法及优缺点
2019/08/01 Javascript
webpack是如何实现模块化加载的方法
2019/11/06 Javascript
webpack安装配置与常见使用过程详解(结合vue)
2020/06/01 Javascript
rhythmbox中文名乱码问题解决方法
2008/09/06 Python
Python获取单个程序CPU使用情况趋势图
2015/03/10 Python
Python配置文件解析模块ConfigParser使用实例
2015/04/13 Python
基于python3 pyQt5 QtDesignner实现窗口化猜数字游戏功能
2019/07/15 Python
解决python3 安装不了PIL的问题
2019/08/16 Python
Django静态文件加载失败解决方案
2020/08/26 Python
如何通过安装HomeBrew来安装Python3
2020/12/23 Python
CSS3 Pie工具推荐--让IE6-8支持一些优秀的CSS3特性
2014/09/02 HTML / CSS
html5如何在Canvas中实现自定义路径动画示例
2017/09/18 HTML / CSS
美国保健品专家:Life Extension
2018/05/04 全球购物
override和overload的区别
2016/03/09 面试题
三分钟演讲稿范文
2014/04/24 职场文书
校园安全广播稿范文
2014/09/25 职场文书
银行先进个人总结
2015/02/15 职场文书
银行反洗钱宣传活动总结
2015/05/08 职场文书
任长霞观后感
2015/06/16 职场文书
中学教代会开幕词
2016/03/04 职场文书
2016年党员干部廉政承诺书
2016/03/24 职场文书
Python实战之OpenCV实现猫脸检测
2021/06/26 Python