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