Javascript中數(shù)組sort和reverse用法分析
更新時間：2014年12月30日 16:13:18 投稿：shichen2014
這篇文章主要介紹了Javascript中數(shù)組sort和reverse用法,實例分析了sort和reverse使用時的注意事項與相關(guān)技巧,具有不錯的參考借鑒價值,需要的朋友可以參考下
本文實例講述了Javascript中數(shù)組sort和reverse用法。分享給大家供大家參考。具體分析如下：
sort() 方法用于對數(shù)組的元素進行排序。
reverse()將數(shù)組中的元素逆序
首先我們來試試以下這段代碼：
復(fù)制代碼 代碼如下:
var values = [1, 0, 5, 15, 10];
values.reverse();
console.log(values);
values.reverse();
console.log(values);
輸出結(jié)果會是什么呢：
[ 10, 15, 5, 0, 1 ]
reverse()也就是很簡單的把數(shù)組倒過來而已，那么接下來想吐槽的是sort()
復(fù)制代碼 代碼如下:
var values = [1, 0, 5, 15, 10];
values.sort();
console.log(values);
values.sort();
console.log(values);
這段函數(shù)輸出結(jié)果竟然是：
[ 0, 1, 10, 15, 5 ]
這是怎么回事？
實際上，在sort()函數(shù)內(nèi)部會使用toString()轉(zhuǎn)型，而String比較是通過ASCII，所以，我們?nèi)绻枰判虻脑挘€是自己寫一個sort()比較好。
復(fù)制代碼 代碼如下:
var values = [1, 0, 5, 15, 10];
function compare(value1, value2) {
if (value1 < value2) {
return -1;
} else if (value1 > value2) {
return 1;
} else {
return 0;
}
}
values.sort(compare);
console.log(values);
function compare(value1, value2) {
if (value1 < value2) {
return -1;
} else if (value1 > value2) {
return 1;
} else {
return 0;
}
}
values.sort(compare);
console.log(values);
如果調(diào)換一下-1和1就能逆向排序啦。
現(xiàn)在的輸出結(jié)果：
[ 0, 1, 5, 10, 15 ]
更簡單的寫法是，在compare()內(nèi)部使用return value2 - value1;
希望本文所述對大家的javascript程序設(shè)計有所幫助。
您可能感興趣的文章:
- Javascript數(shù)組的排序 sort()方法和reverse()方法
- js中reverse函數(shù)的用法詳解
- javascript 不用reverse實現(xiàn)字符串反轉(zhuǎn)的代碼
- javascript 數(shù)組排序函數(shù)sort和reverse使用介紹
- 在JavaScript中處理數(shù)組之reverse()方法的使用
- JavaScript數(shù)組排序reverse()和sort()方法詳解
- JS數(shù)組方法shift()、unshift()用法實例分析
- JS數(shù)組方法push()、pop()用法實例分析
- JS數(shù)組方法join()用法實例分析
- 最實用的JS數(shù)組函數(shù)整理
- JavaScript數(shù)組操作函數(shù)匯總
- JS數(shù)組方法reverse()用法實例分析
相關(guān)文章
將HTML格式的String轉(zhuǎn)化為HTMLElement的實現(xiàn)方法
本節(jié)主要介紹了將HTML格式的String轉(zhuǎn)化為HTMLElement的實現(xiàn)方法,需要的朋友可以參考下2014-08-08
學(xué)習(xí)使用bootstrap基本控件（table、form、button）
這篇文章主要教會大家學(xué)習(xí)使用bootstrap基本控件，如table、form、button控件，感興趣的小伙伴們可以參考一下2016-04-04
javascript firefox 自動加載iframe 自動調(diào)整高寬示例
iframe 自動獲取onload高寬以及iframe 自動加載，具體實現(xiàn)如下，感興趣的朋友可以參考下2013-08-08
Lodash是一個JavaScript的實用工具庫,提供了很多常用的函數(shù)和工具,可以幫助我們更方便地操作數(shù)據(jù)和處理邏輯,這篇文章主要介紹了lodash?使用,需要的朋友可以參考下2024-04-04
本文主要介紹了js實現(xiàn)產(chǎn)品縮略圖效果的實例。具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
webstorm調(diào)試uniapp程序的簡單步驟記錄
這篇文章主要給大家介紹了關(guān)于webstorm調(diào)試uniapp程序的簡單步驟,文中通過圖文介紹的非常詳細,對大家學(xué)習(xí)或者使用webstorm具有一定的參考借鑒價值,需要的朋友可以參考下2024-12-12
uniapp存儲數(shù)據(jù)到本地文件及讀取本地文件數(shù)據(jù)代碼示例
這篇文章主要給大家介紹了關(guān)于uniapp存儲數(shù)據(jù)到本地文件及讀取本地文件數(shù)據(jù)的相關(guān)資料,在開發(fā)uniapp應(yīng)用時,我們常常需要使用本地存儲來保存一些數(shù)據(jù),比如用戶登錄信息、設(shè)置項等,本文通過代碼介紹的非常詳細,需要的朋友可以參考下2023-09-09
JS表示Stack類練習(xí)用棧實現(xiàn)任意進制轉(zhuǎn)換
這篇文章主要為大家介紹了JS表示Stack類練習(xí)用棧實現(xiàn)任意進制轉(zhuǎn)換示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-04-04
本篇文章主要介紹了p5.js入門教程之平滑過渡(Easing)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-03-03
這篇文章主要介紹了JS延時器提示框的應(yīng)用實例代碼解析 的相關(guān)資料,需要的朋友可以參考下2016-04-04