Javascript中數(shù)組sort和reverse用法分析
更新時(shí)間：2014年12月30日 16:13:18 投稿：shichen2014
這篇文章主要介紹了Javascript中數(shù)組sort和reverse用法,實(shí)例分析了sort和reverse使用時(shí)的注意事項(xiàng)與相關(guān)技巧,具有不錯(cuò)的參考借鑒價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了Javascript中數(shù)組sort和reverse用法。分享給大家供大家參考。具體分析如下：
sort() 方法用于對(duì)數(shù)組的元素進(jìn)行排序。
reverse()將數(shù)組中的元素逆序
首先我們來試試以下這段代碼：
復(fù)制代碼 代碼如下:
var values = [1, 0, 5, 15, 10];
values.reverse();
console.log(values);
values.reverse();
console.log(values);
輸出結(jié)果會(huì)是什么呢：
[ 10, 15, 5, 0, 1 ]
reverse()也就是很簡(jiǎn)單的把數(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 ]
這是怎么回事？
實(shí)際上，在sort()函數(shù)內(nèi)部會(huì)使用toString()轉(zhuǎn)型，而String比較是通過ASCII，所以，我們?nèi)绻枰判虻脑挘€是自己寫一個(gè)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 ]
更簡(jiǎn)單的寫法是，在compare()內(nèi)部使用return value2 - value1;
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- Javascript數(shù)組的排序 sort()方法和reverse()方法
- js中reverse函數(shù)的用法詳解
- javascript 不用reverse實(shí)現(xiàn)字符串反轉(zhuǎn)的代碼
- javascript 數(shù)組排序函數(shù)sort和reverse使用介紹
- 在JavaScript中處理數(shù)組之reverse()方法的使用
- JavaScript數(shù)組排序reverse()和sort()方法詳解
- JS數(shù)組方法shift()、unshift()用法實(shí)例分析
- JS數(shù)組方法push()、pop()用法實(shí)例分析
- JS數(shù)組方法join()用法實(shí)例分析
- 最實(shí)用的JS數(shù)組函數(shù)整理
- JavaScript數(shù)組操作函數(shù)匯總
- JS數(shù)組方法reverse()用法實(shí)例分析
相關(guān)文章
JS實(shí)現(xiàn)簡(jiǎn)單的下雪特效示例詳解
很多南方的小伙伴可能沒怎么見過或者從來沒見過下雪，這篇文章小編給大家?guī)硪粋€(gè)小Demo，模擬了下雪場(chǎng)景。感興趣的小伙伴快來跟隨小編一起學(xué)習(xí)一下吧2021-12-12
這篇文章主要介紹了React Native登錄之指紋登錄篇,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-11-11
小程序獲取手機(jī)驗(yàn)證碼倒計(jì)時(shí)的方法
這篇文章主要為大家詳細(xì)介紹了小程序獲取手機(jī)驗(yàn)證碼倒計(jì)時(shí)的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下<BR>2022-08-08
JS實(shí)現(xiàn)動(dòng)態(tài)添加外部js、css到head標(biāo)簽的方法
這篇文章主要介紹了JS實(shí)現(xiàn)動(dòng)態(tài)添加外部js、css到head標(biāo)簽的方法,涉及javascript針對(duì)頁面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-06-06
這篇文章主要介紹了JS變量提升及函數(shù)提升實(shí)例解析,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-09-09
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)分頁功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-08-08
說實(shí)話，加好友的太多了，怎么辦，想個(gè)批量的辦法吧2009-02-02
我喜歡引用這句話，“程序是對(duì)復(fù)雜性的管理”。計(jì)算機(jī)世界是一個(gè)巨大的抽象建筑群。我們簡(jiǎn)單的包裝一些東西然后發(fā)布新工具，周而復(fù)始?，F(xiàn)在思考下，你所使用的語言包括的一些內(nèi)建的抽象函數(shù)或是低級(jí)操作符。這在JavaScript里是一樣的2014-03-03
這篇文章主要介紹了Javascript如何遍歷table中的元素,需要的朋友可以參考下2014-07-07
js獲取最近一周一個(gè)月三個(gè)月時(shí)間的簡(jiǎn)單示例
時(shí)間的獲取和格式化是我們經(jīng)常遇到的問題,下面這篇文章主要給大家介紹了關(guān)于利用js如何獲取最近一周一個(gè)月三個(gè)月時(shí)間的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2021-12-12