javascript中sort() 方法使用詳解
語法:arrayObject.sort(sortby);參數(shù)sortby可選。規(guī)定排序順序。必須是函數(shù)。
sort() 方法用于對(duì)數(shù)組的元素進(jìn)行排序。
如果調(diào)用該方法時(shí)沒有使用參數(shù),將按字母順序?qū)?shù)組中的元素進(jìn)行排序,說得更精確點(diǎn),是按照字符編碼的順序進(jìn)行排序。要實(shí)現(xiàn)這一點(diǎn),
首先應(yīng)把數(shù)組的元素都轉(zhuǎn)換成字符串(如有必要),以便進(jìn)行比較。
如果想按照其他標(biāo)準(zhǔn)進(jìn)行排序,就需要提供比較函數(shù),該函數(shù)要比較兩個(gè)值,然后返回一個(gè)用于說明這兩個(gè)值的相對(duì)順序的數(shù)字。
比較函數(shù)應(yīng)該具有兩個(gè)參數(shù) a 和 b,其返回值如下:
若 a 小于 b,在排序后的數(shù)組中 a 應(yīng)該出現(xiàn)在 b 之前,則返回一個(gè)小于 0 的值。
若 a 等于 b,則返回 0。
若 a 大于 b,則返回一個(gè)大于 0 的值。
用js中的sort()方法排序數(shù)字
<script> var arr = [23,12,1,34,116,8,18,37,56,50]; alert(arr.sort(); </script>
返回:[1, 116, 12, 18, 23, 34, 37, 50, 56, 8]
上面的代碼沒有按照數(shù)值的大小對(duì)數(shù)字進(jìn)行排序,要實(shí)現(xiàn)這一點(diǎn),就必須使用一個(gè)排序函數(shù):
<script> var arr = [23,12,1,34,116,8,18,37,56,50]; function sequence(a,b){ if (a>b) { return 1; }else if(a<b){ return -1 }else{ return 0; } } console.log(arr.sort(sequence)); </script>
返回:[1, 8, 12, 18, 23, 34, 37, 50, 56, 116] (沒有問題)
當(dāng)然也可以把排序函數(shù)寫到sort()方法里面:
<script> var arr = [23,12,1,34,116,8,18,37,56,50]; var arr2 = arr.sort(function(a,b){ if (a>b) { return 1; }else if(a<b){ return -1 }else{ return 0; } }) console.log(arr2); </script>
返回:[1, 8, 12, 18, 23, 34, 37, 50, 56, 116] (也沒有問題)
也可以簡(jiǎn)化成這樣的寫法
因?yàn)椋喝?a 小于 b,在排序后的數(shù)組中 a 應(yīng)該出現(xiàn)在 b 之前,則返回一個(gè)小于 0 的值。
若 a 等于 b,則返回 0。
若 a 大于 b,則返回一個(gè)大于 0 的值
<script> var arr = [23,12,1,34,116,8,18,37,56,50]; function sequence(a,b){ return a - b; } console.log(arr.sort(sequence)); </script>
返回:[1, 8, 12, 18, 23, 34, 37, 50, 56, 116] (也是正確的)
關(guān)系字母順序進(jìn)行排序 就簡(jiǎn)單多了,直接用sort()方法就OK了:
<script> var arr = ['fanda','banner','find','zoom','index','width','javascript']; console.log(arr.sort()); </script>
返回:["banner", "fanda", "find", "index", "javascript", "width", "zoom"]
現(xiàn)在在學(xué)習(xí)javascript中,發(fā)現(xiàn)sort()函數(shù)是有點(diǎn)奇怪的東西(可能是本人水平的問題-_-?。谑蔷驮谶@里記錄一下自己找到的東西吧。sort()這個(gè)方法的參數(shù)很奇怪,必須是函數(shù),但也是可選參數(shù),如果沒有參數(shù)的話,就會(huì)默認(rèn)以字符串的字典順序來排列(就算是數(shù)值,也會(huì)被轉(zhuǎn)化為字符串來處理)。這個(gè)參數(shù)是要能夠比較兩個(gè)值的大小,如:
function sortNumber(a, b){
return a - b; //這里返回的是他們的差值,如果是小于0的值,就會(huì)將a排在前面,如果大于0,就會(huì)將b排在前面,如果是0的話,就隨便。(冒泡排序法!?。?br /> }
應(yīng)用如下(這個(gè)例子太經(jīng)典了!?。?/p>
<script type="text/javascript"> function sortNumber(a,b){return a - b} var arr = new Array(3) arr[0] = "10"; arr[1] = "5"; arr[2] = "4"; document.write(arr + "<br />"); document.write(arr.sort(sortNumber)); </script>
那么原本是10,5,4的排列就會(huì)變成4,5,10.這里說明一下這個(gè)過程,明明sortNumber應(yīng)該是有兩個(gè)參數(shù),但是我們?cè)谡{(diào)用時(shí)卻一個(gè)參數(shù)都沒有,怎么進(jìn)行比較啊?這里是這樣的,當(dāng)arr從第一個(gè)數(shù)開始調(diào)用sort時(shí),10前面是沒有數(shù)與它比較的,所以就到第二個(gè),就是5,這時(shí)10就會(huì)與5比較,于是就會(huì)調(diào)用sortNumber并將10和5傳進(jìn)去,這是sort()的特性。
相關(guān)文章
操作按鈕懸浮固定在微信小程序底部的實(shí)現(xiàn)代碼
在一些購(gòu)物平臺(tái)經(jīng)常需要將商品加入購(gòu)物車,像加入購(gòu)物車按鈕、結(jié)算按鈕、收貨列表添加地址按鈕都是按鈕懸浮底部的,怎么實(shí)現(xiàn)這樣的功能呢?下面小編給大家?guī)砹瞬僮靼粹o懸浮固定在微信小程序底部的實(shí)現(xiàn)代碼,一起看看吧2019-08-08Bootstrap在線電子商務(wù)網(wǎng)站實(shí)戰(zhàn)項(xiàng)目5
這篇文章主要為大家分享了Bootstrap在線電子商務(wù)網(wǎng)站實(shí)戰(zhàn)項(xiàng)目,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-10-10利用JavaScript編寫Python內(nèi)置函數(shù)查詢工具
Python有豐富的內(nèi)置函數(shù)實(shí)現(xiàn)各種功能,但查詢內(nèi)置函數(shù)時(shí)總是需要百度查,有沒有一個(gè)小工具可以單機(jī)無網(wǎng)絡(luò)查詢Python內(nèi)置函數(shù),方便自己學(xué)習(xí)編寫Python程序呢?本文就來用JavaScript編寫一個(gè)2023-02-02JS 實(shí)現(xiàn)Table相同行的單元格自動(dòng)合并示例代碼
Table相同行的單元格自動(dòng)合并,使用js來實(shí)現(xiàn)此效果,具體代碼下,感興趣的朋友可以參考下2013-08-08JS獲取浮動(dòng)(float)元素的style.left值為空的快速解決辦法
這篇文章主要介紹了JS獲取浮動(dòng)(float)元素的style.left值為空的快速解決辦法,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-02-02jqgrid 表格數(shù)據(jù)導(dǎo)出實(shí)例
jqgrid并沒有自帶導(dǎo)出表格數(shù)據(jù)的方法,這里就自己實(shí)現(xiàn)了一個(gè),嘗試過在頁(yè)面直接將數(shù)據(jù)導(dǎo)出,發(fā)現(xiàn)只有IE下可以通過調(diào)用saveas來實(shí)現(xiàn),但是別的瀏覽器不支持,于是考慮將數(shù)據(jù)傳回后臺(tái),然后后臺(tái)返回下載文件來實(shí)現(xiàn)2013-11-11基于JavaScript實(shí)現(xiàn)帶數(shù)據(jù)驗(yàn)證和復(fù)選框的表單提交
這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)帶數(shù)據(jù)驗(yàn)證和復(fù)選框的表單提交功能,需要的朋友可以參考下2017-08-08