JS中數(shù)組重排序方法

更新時間：2016年11月11日 09:40:50 作者：木木夕木木心

在數(shù)組中有兩個可以用來直接排序的方法，分別是reverse（）和sort（）。下面通過本文給大家詳細介紹，對js 數(shù)組重排序相關知識感興趣的朋友一起看看吧

1.數(shù)組中已存在兩個可直接用來重排序的方法：reverse（）和sort（）。

reverse()和sort（）方法的返回值是經(jīng)過排序后的數(shù)組。reverse（）方法會反轉數(shù)組項的順序：

var values=[1,2,3,4,5];
values.reverse();
alert(values); //5,4,3,2,1

在默認情況下，sort（）方法按升序排列數(shù)組，sort（）方法會調用每個數(shù)組項的toString（）轉型方法，然后比較得到字符串，確定如何排序。即使數(shù)組中的每一項都是數(shù)值，sort（）方法比較的也是字符串：

var values = [0,1,5,10,15];
values.sort();
alert(values); //0,1,10,15,5

因此，sort（）方法可以接收一個比較函數(shù)作為參數(shù)。

function compare(value1,value2){
if (value1 < value2){
return -1;
}else if (value1 > value2){
return 1;
}else{
return 0;
}
}

此比較函數(shù)可適用于大多數(shù)數(shù)據(jù)類型，只要將其作為參數(shù)傳遞給sort（）方法即可：

var values = [0,1,3,7,9,15];
values.sort(compare);
alert(values); //0,1,3,7,9,15

也可通過比較函數(shù)產(chǎn)生降序排序，只需交換函數(shù)返回值即可：

function compare (value1, value2){
if (value1<value2){
return 1;
}else if {
return -1;
}else{
return 0;
}
}

sort()函數(shù)的排序條件是：

參數(shù)大于0，arr的相鄰兩個元素交換位置;

參數(shù)小于0，arr的相鄰兩個元素不交換位置;

參數(shù)等于0，arr的相鄰兩個元素大小相等;所以compare自定義函數(shù)必須返回一個數(shù)值。

2.對于數(shù)值類型或者valueOf（）方法會返回數(shù)值類型的對象類型。

可使用一個更簡單的比較函數(shù)。此函數(shù)只要第二個值減第一個值即可。

function compare (value1,value2){
return value2 - value1;
}

以上所述是小編給大家介紹的JS中數(shù)組重排序方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

使用SpreadJS快速清除Excel中工作表保護密碼
這篇文章主要為大家介紹了使用SpreadJS快速清除Excel中工作表保護密碼方法詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
2023-11-11
詳解微信小程序動畫Animation執(zhí)行過程
這篇文章主要介紹了微信小程序動畫Animation執(zhí)行過程 / 實現(xiàn)過程 / 實現(xiàn)方式，本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2020-09-09
微信小程序仿今日頭條導航欄滾動解析
這篇文章主要介紹了微信小程序仿今日頭條導航欄滾動解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
2019-08-08
JavaScript中object和Object的區(qū)別(詳解)
下面小編就為大家?guī)硪黄狫avaScript中object和Object的區(qū)別(詳解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-02-02
JavaScript瀏覽器的跨域問題解決方案
出于瀏覽器的同源策略限制。同源策略是一種約定，它是瀏覽器最核心也最基本的安全功能，如果缺少了同源策略，則瀏覽器的正常功能可能都會受到影響。知識點：跨域只會出現(xiàn)在瀏覽器上，小程序和APP開發(fā)不會有跨域問題
2022-11-11
javascript測試題練習代碼
javascript測試題練習代碼，需要的朋友可以參考下
2012-10-10
詳解webpack介紹&安裝&常用命令
本篇文章主要介紹了詳解webpack介紹&安裝&常用命令，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-06-06
JS實現(xiàn)全屏的四種寫法
這篇文章主要為大家詳細介紹了JS或jquery實現(xiàn)全屏的四種寫法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-12-12
跨域傳值即主頁面與iframe之間互相傳值
主頁面A 怎么向 iframe B 傳遞數(shù)據(jù)呢？iframe B 怎么向主頁面A 傳遞數(shù)據(jù)，下面有不錯的實現(xiàn)思路，感興趣的朋友可以了解下
2013-12-12
js自定義彈框插件的封裝
這篇文章主要為大家詳細介紹了js自定義彈框插件的簡單封裝，自己封裝一個彈框插件，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-07-07