JS隨機(jī)打亂數(shù)組的方法小結(jié)
本文實(shí)例總結(jié)了JS隨機(jī)打亂數(shù)組的方法。分享給大家供大家參考，具體如下：
JS中，要打亂數(shù)組有很多方法，網(wǎng)上流傳一個(gè)國(guó)外人寫的方法，我認(rèn)為是最精簡(jiǎn)的了：
function randomsort(a, b) {
return Math.random()>.5 ? -1 : 1;
//用Math.random()函數(shù)生成0~1之間的隨機(jī)數(shù)與0.5比較，返回-1或1
}
var arr = [1, 2, 3, 4, 5];
arr.sort(randomsort);
這里介紹下sort()函數(shù)，在JS中Array對(duì)象里內(nèi)置了一個(gè)函數(shù)：
arrayobj.sort([sortfunction])
此方法將 Array 對(duì)象進(jìn)行適當(dāng)?shù)呐判?；在?zhí)行過(guò)程中并不會(huì)創(chuàng)建新的 Array 對(duì)象。
sortFunction為可選項(xiàng)。
是用來(lái)確定元素順序的函數(shù)的名稱。如果這個(gè)參數(shù)被省略，那么元素將按照 ASCII 字符順序進(jìn)行升序排列。
sortFunction方法有兩個(gè)參數(shù)。分別代表每次排序比較時(shí)的兩個(gè)數(shù)組項(xiàng)。sort()排序時(shí)每次比較兩個(gè)數(shù)組項(xiàng)都回執(zhí)行這個(gè)參數(shù)，并把兩個(gè)比較的數(shù)組項(xiàng)作為參數(shù)傳遞給這個(gè)函數(shù)。當(dāng)函數(shù)返回值為1的時(shí)候就交換兩個(gè)數(shù)組項(xiàng)的順序，否則就不交換。
我們可以對(duì)上面的randomsort()稍作修改，來(lái)實(shí)現(xiàn)升序排列和降序排列：
function asc(a,b) {
return a < b ? -1 : 1;//如果a<b不交換，否則交換，即升序排列
}
function desc(a,b) {
return a > b ? -1 : 1;;//如果a>b不交換，否則交換，即將序排列
}
另外，可以直接把一個(gè)無(wú)名函數(shù)直接放到sort()方法的調(diào)用中。如下的例子是將奇數(shù)排在前面，偶數(shù)排在后面，例子如下：
以下是引用片段：
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
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動(dòng)畫特效與技巧匯總》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
- js獲取數(shù)組任意個(gè)不重復(fù)的隨機(jī)數(shù)組元素
- JS生成不重復(fù)隨機(jī)數(shù)組的函數(shù)代碼
- javascript實(shí)現(xiàn)數(shù)組內(nèi)值索引隨機(jī)化及創(chuàng)建隨機(jī)數(shù)組的方法
- js數(shù)組中如何隨機(jī)取出一個(gè)值
- js實(shí)現(xiàn)從數(shù)組里隨機(jī)獲取元素
- JS從數(shù)組中隨機(jī)取出幾個(gè)數(shù)組元素的方法
- JavaScript隨機(jī)打亂數(shù)組順序之隨機(jī)洗牌算法
- JS隨機(jī)洗牌算法之?dāng)?shù)組隨機(jī)排序
- JS生成不重復(fù)的隨機(jī)數(shù)組的簡(jiǎn)單實(shí)例
- JS生成隨機(jī)打亂數(shù)組的方法示例
相關(guān)文章
相信大家都遇到過(guò),在各種圖表框架中經(jīng)常會(huì)有將一段折線平滑的需求,不僅能給用戶帶來(lái)一種柔和的感覺(jué),還能美化界面,讓折線看起來(lái)沒(méi)那么生硬,這篇文章主要給大家介紹了關(guān)于如何利用Javascript生成平滑曲線的相關(guān)資料,需要的朋友可以參考下2021-07-07
微信小程序如何修改本地緩存key中單個(gè)數(shù)據(jù)的詳解
這篇文章主要介紹了微信小程序如何修改本地緩存key中單個(gè)數(shù)據(jù)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
js實(shí)現(xiàn)支持手機(jī)滑動(dòng)切換的輪播圖片效果實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)支持手機(jī)滑動(dòng)切換的輪播圖片效果,實(shí)例分析了javascript實(shí)現(xiàn)圖片切換的相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
下面小編就為大家?guī)?lái)一篇JavaScript 控制字體大小設(shè)置的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-11-11
JavaScript實(shí)現(xiàn)設(shè)置默認(rèn)日期范圍為最近40天的方法分析
這篇文章主要介紹了JavaScript實(shí)現(xiàn)設(shè)置默認(rèn)日期范圍為最近40天的方法,結(jié)合實(shí)例形式分析了javascript結(jié)合HTML5 date元素進(jìn)行時(shí)間運(yùn)算相關(guān)操作技巧,需要的朋友可以參考下2017-07-07
layer.open 子頁(yè)面彈出層向父頁(yè)面?zhèn)鬏敂?shù)據(jù)的例子
今天小編就為大家分享一篇layer.open 子頁(yè)面彈出層向父頁(yè)面?zhèn)鬏敂?shù)據(jù)的例子，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
10行原生JS實(shí)現(xiàn)文字無(wú)縫滾動(dòng)(超簡(jiǎn)單)
下面小編就為大家分享一篇10行原生JS實(shí)現(xiàn)文字無(wú)縫滾動(dòng)的效果，特別簡(jiǎn)單，具有很好的參考價(jià)值，希望對(duì)大家有所幫助2018-01-01
JS使用ActiveXObject實(shí)現(xiàn)用戶提交表單時(shí)屏蔽敏感詞功能
這篇文章主要介紹了JS采用ActiveXObject實(shí)現(xiàn)用戶在提交表單時(shí)屏蔽敏感詞的功能的相關(guān)資料,需要的朋友可以參考下2017-06-06
現(xiàn)在的前端JavaScript可以說(shuō)是異?；鸨?即使并不準(zhǔn)備向前端發(fā)展,但是對(duì)前端的一些基礎(chǔ)知識(shí)還是必須有所了解的,先這篇文章主要給大家介紹了關(guān)于在HTML中嵌入JS代碼的3種方式,需要的朋友可以參考下2022-11-11
JS實(shí)現(xiàn)的適合做faq或menu滑動(dòng)效果示例
這篇文章主要介紹了JS實(shí)現(xiàn)的適合做faq或menu滑動(dòng)效果,結(jié)合實(shí)例形式分析了基于JS實(shí)現(xiàn)的頁(yè)面元素滑動(dòng)漸變效果的相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2016-11-11