javascript中sort() 方法使用詳解
語法:arrayObject.sort(sortby);參數(shù)sortby可選。規(guī)定排序順序。必須是函數(shù)。
sort() 方法用于對數(shù)組的元素進行排序。
如果調用該方法時沒有使用參數(shù),將按字母順序對數(shù)組中的元素進行排序,說得更精確點,是按照字符編碼的順序進行排序。要實現(xiàn)這一點,
首先應把數(shù)組的元素都轉換成字符串(如有必要),以便進行比較。
如果想按照其他標準進行排序,就需要提供比較函數(shù),該函數(shù)要比較兩個值,然后返回一個用于說明這兩個值的相對順序的數(shù)字。
比較函數(shù)應該具有兩個參數(shù) a 和 b,其返回值如下:
若 a 小于 b,在排序后的數(shù)組中 a 應該出現(xiàn)在 b 之前,則返回一個小于 0 的值。
若 a 等于 b,則返回 0。
若 a 大于 b,則返回一個大于 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ù)值的大小對數(shù)字進行排序,要實現(xiàn)這一點,就必須使用一個排序函數(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] (沒有問題)
當然也可以把排序函數(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] (也沒有問題)
也可以簡化成這樣的寫法
因為:若 a 小于 b,在排序后的數(shù)組中 a 應該出現(xiàn)在 b 之前,則返回一個小于 0 的值。
若 a 等于 b,則返回 0。
若 a 大于 b,則返回一個大于 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] (也是正確的)
關系字母順序進行排序 就簡單多了,直接用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)在在學習javascript中,發(fā)現(xiàn)sort()函數(shù)是有點奇怪的東西(可能是本人水平的問題-_-?。?,于是就在這里記錄一下自己找到的東西吧。sort()這個方法的參數(shù)很奇怪,必須是函數(shù),但也是可選參數(shù),如果沒有參數(shù)的話,就會默認以字符串的字典順序來排列(就算是數(shù)值,也會被轉化為字符串來處理)。這個參數(shù)是要能夠比較兩個值的大小,如:
function sortNumber(a, b){
return a - b; //這里返回的是他們的差值,如果是小于0的值,就會將a排在前面,如果大于0,就會將b排在前面,如果是0的話,就隨便。(冒泡排序法?。。?br /> }
應用如下(這個例子太經典了?。。?/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的排列就會變成4,5,10.這里說明一下這個過程,明明sortNumber應該是有兩個參數(shù),但是我們在調用時卻一個參數(shù)都沒有,怎么進行比較???這里是這樣的,當arr從第一個數(shù)開始調用sort時,10前面是沒有數(shù)與它比較的,所以就到第二個,就是5,這時10就會與5比較,于是就會調用sortNumber并將10和5傳進去,這是sort()的特性。
相關文章
簡易版本JSON.stringify的實現(xiàn)及其六大特性詳解
最近做項目發(fā)現(xiàn)JSON.stringify()使用場景真的挺多,我們都知道JSON.stringify()的作用是將JavaScript對象轉換為JSON字符串,下面這篇文章主要給大家介紹了JSON.stringify的實現(xiàn)及其六大特性的相關資料,需要的朋友可以參考下2021-10-10淺析JS中的 map, filter, some, every, forEach, for in, for of 用法總
本文是小編給大家總結的關于javascript中的map, filter, some, every, forEach, for in, for of 用法,非常不錯,具有參考借鑒價值,需要的朋友參考下吧2017-03-03Bootstrap面板(Panels)的簡單實現(xiàn)代碼
這篇文章主要為大家詳細介紹了Bootstrap面板(Panels)的簡單實現(xiàn)代碼,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-03-03