JavaScript數(shù)組排序reverse()和sort()方法詳解

更新時間：2017年12月24日 08:40:57 作者：一江明月一江秋i

這篇文章主要介紹了JavaScript數(shù)組排序reverse()和sort()方法詳解,需要的朋友可以參考下

JavaScript中數(shù)組排序的方法有兩個reverse()和sort()。

　　reverse()方法會反轉數(shù)組項的順序：

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

　　sort()方法會按照字符串升序排列數(shù)組項，sort()方法會調用每個數(shù)組項的tostring()方法，即使數(shù)組中的每一項都是數(shù)值，sort()方法比較的也是字符串：

 var arr = [1,2,11,15,5];
arr.sort();
alert(arr); // 1,11,15,2,5

　　這種方式在很多情況下并不是最好的方案，因此sort()方法可以接收一個比較函數(shù)作為參數(shù)。比較函數(shù)需要兩個參數(shù)，如果第一個參數(shù)應該位于第二個參數(shù)之前則需要返回一個負數(shù)，如果兩個參數(shù)相等則返回0，如果第一個參數(shù)應該位于第二個參數(shù)之后，則返回一個正數(shù)：

var arr = [1,2,11,15,5];
arr.sort(function(val1,val2){
return val1-val2;
 });
 alert(arr); // 1,2,5,11,15

　　由于比較函數(shù)通過返回一個小于零，等于零或大于零的志來影響排序結果，因此減法操作可以很好的處理這些情況。

總結

以上所述是小編給大家介紹的JavaScript數(shù)組排序reverse()和sort()方法詳解，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的！

您可能感興趣的文章:

js點擊按鈕實現(xiàn)多張圖片循環(huán)切換
這篇文章主要為大家詳細介紹了js點擊按鈕實現(xiàn)多張圖片循環(huán)切換，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-01-01
js+h5 canvas實現(xiàn)圖片驗證碼
這篇文章主要為大家詳細介紹了js+h5 canvas實現(xiàn)圖片驗證碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-10-10
javascript實現(xiàn)帶下拉子菜單的導航菜單效果
這篇文章主要介紹了javascript實現(xiàn)帶下拉子菜單的導航菜單效果的方法,涉及javascript操作頁面元素與樣式的相關技巧,需要的朋友可以參考下
2015-05-05
解決layui的使用以及針對select、radio等表單組件不顯示的問題
今天小編就為大家分享一篇解決layui的使用以及針對select、radio等表單組件不顯示的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
JavaScript實現(xiàn)簡單表單驗證案例
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)簡單表單驗證案例，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-08-08
黑帽seo劫持程序,js劫持搜索引擎代碼
今天在瀏覽網(wǎng)頁時無意中發(fā)現(xiàn)了這段JS劫持搜索引擎代碼。劫持搜索引擎正常搜索過來的流量，這是黑帽seo常用的劫持方法。特意解密出來供大家了解其劫持原理。感興趣的朋友一起學習學習吧
2015-09-09
JavaScript canvas實現(xiàn)刮刮樂案例
這篇文章主要為大家詳細介紹了JavaScript canvas實現(xiàn)刮刮樂案例，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-10-10
js的隱含參數(shù)(arguments,callee,caller)使用方法
本篇文章只要是對js的隱含參數(shù)(arguments,callee,caller)使用方法進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2014-01-01
JavaScript頁面滾動事件舉例詳解
這篇文章主要介紹了頁面滾動事件的基礎概念、應用場景及優(yōu)化技巧,幫助開發(fā)者在實際項目中靈活使用滾動事件,提升用戶體驗,文中通過代碼介紹的非常詳細,需要的朋友可以參考下
2025-01-01
json前后端數(shù)據(jù)交互相關代碼
本篇文章給大家分享了關于json前后端數(shù)據(jù)交互方法實現(xiàn)的相關知識點內容，有興趣的讀者們可以參考學習下。
2018-09-09