`
fp_moon
  • 浏览: 983033 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

js中随机排序

 
阅读更多

JS 中打乱数组,sort()函数的应用。

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
 

function getRndArray(arr0){    
arr1=new Array();
len=arr0.length;
for(var i=0;i<len;i++){
rnd=Math.floor(Math.random()*arr0.length);
arr1[i]=arr0[rnd];
arr0.splice(rnd,1)
}
return arr1;
}

 

 

分享到:
评论
1 楼 wangtuda 2013-01-30  
打酱油的~

相关推荐

    javascript表格随机排序代码

    1. javascript表格随机排序概念:在Web开发中,我们经常需要对表格中的行或者列进行随机排序,以达到更好的用户体验或者实现某些特定功能。javascript提供了强大的数组操作方法和对象操作方法,可以轻松实现表格的...

    js json 重新随机重组排序方法demo

    在JavaScript中,可以使用`Math.random()`函数来生成一个0到1之间的随机数,然后通过数组的`sort()`方法配合随机数来实现数组的随机排序。下面是一个简单的实现方法: ```javascript function shuffleArray(array) ...

    javascript表格随机排序代码.docx

    在JavaScript中,对表格进行随机排序是一个常见的编程练习,它涉及到数组操作和DOM元素的处理。下面我们将详细探讨如何实现这个功能。 首先,我们需要获取表格中的数据。在HTML中,表格由`&lt;table&gt;`标签定义,其中的...

    jQuery鼠标拖动图片换位置随机排序代码

    在本文中,我们将深入探讨jQuery实现的鼠标拖动图片换位和随机排序的代码实现,以及涉及的相关技术知识点。这个特效适用于网页设计中,能够增强用户的互动体验,特别是在展示图片库或画廊时。 首先,我们需要理解...

    JS随机洗牌算法之数组随机排序

    在编程语言如JavaScript中,随机洗牌算法的实现往往涉及到数组的随机排序。这种算法可以广泛应用于游戏、随机化测试数据、模拟等场景。 JavaScript中的随机洗牌算法一般通过定义一个函数来实现,该函数能够对一个...

    javascript数组随机排序实例分析

    在介绍javascript数组随机排序的方法时,需要明确几个关键知识点。首先是数组排序的基本概念,数组排序是将数组中的元素按照一定的顺序重新排列,最常见的是升序和降序。排序算法的效率、稳定性以及应用场景是选择...

    JavaScript实现数组随机排序的方法

    JavaScript实现数组随机排序涉及到数组的基本操作和随机化算法的知识。数组排序在编程中是一个常见的需求,特别是对于需要展示随机数据的场景,比如随机推荐、抽奖应用、游戏等领域。 ### 一、JavaScript数组遍历...

    JS随机排序数组实现方法分析

    本文实例讲述了JS随机排序数组。分享给大家供大家参考,具体如下: 做随机显示推荐广告的时候,需要随机排序数据数组,就动手写了一个,如下: function randomOrder (targetArr) { var originalArr = targetArr; ...

    JS实现的随机排序功能算法示例

    本文实例讲述了JS实现的随机排序功能算法。分享给大家供大家参考,具体如下: 使用JS编写一个方法 让数组中的元素每次刷新随机排列 方法一: var arr =[1,2,3,4]; var t; for(var i = 0;i &lt; arr.length; i++){ ...

    照片墙效果一多实例 (可随机排序).rar

    用户可以学习和参考这些示例,理解如何通过JavaScript实现图片的动态布局和随机排序,从而在自己的项目中应用类似的效果。同时,这也是一个很好的实践案例,可以帮助开发者提升在前端开发领域的技能,特别是对...

    惊云JS随机排序程序随机显示信息-每次新闻显示顺序都不一样

    惊云JS随机排序程序是一种JavaScript实现的代码,用于在网页上动态随机展示信息,比如新闻标题。这个程序的核心是让信息每次显示时的顺序都不同,以增加网页的动态性和用户体验。下面我们将深入探讨该程序的工作原理...

    js代码-随机排序222

    通过以上内容,我们可以理解`js代码-随机排序222`项目的核心是提供一个JavaScript实现的随机排序算法,以及如何在本地环境中运行和测试该代码。这个项目对于学习JavaScript编程、数组操作以及随机算法来说是一个很好...

    jQuery图片随机排序推拽代码.zip

    综上所述,"jQuery图片随机排序推拽代码"是一个结合了jQuery、随机算法、事件处理和CSS动画的实例,它展示了JavaScript在交互式Web开发中的强大能力。这个功能不仅适用于图片相册,还可以应用于其他需要动态布局和...

    php 随机排序广告的实现代码

    这段代码会在DOM内容加载完毕后,对id为`ads`的容器内的所有`&lt;a&gt;`标签(假设是广告链接)进行随机排序,并将其重新插入到容器中,实现前端的随机展示。 这两种方法各有优缺点。PHP处理的优点在于广告排序发生在...

    可拖动换位置、随机排序的JS图片墙效果

    一个基于JavaScript技术的照片墙实例演示,使用鼠标拖动图片可为图片换位置,可随机打乱图片顺序。使用时先准备好一定序列编号的图片集,设定JavaScript代码内的路径,程序会自动读取图片,记得不要让循环溢出哦,...

    JavaScript随机排序(随即出牌)

    在探讨“JavaScript随机排序(随即出牌)”这一主题时,我们首先需要了解JavaScript语言中如何实现数组的随机排序。在给出的脚本示例中,利用了JavaScript的数组操作和Math对象的方法,实现了创建一个53张牌(包括大小...

Global site tag (gtag.js) - Google Analytics