摘要:字母排序默認(rèn)排序運(yùn)行結(jié)果數(shù)字排序中參數(shù)可以是方法函數(shù),可以升序和降序輸出結(jié)果。數(shù)字排序升序,降序運(yùn)行結(jié)果注意其中都是表示這個(gè)數(shù)組里面的元素,如果是則表示升序,如果是則表示降序。以上屬于個(gè)人總結(jié),如果后期有什么補(bǔ)充會(huì)再次發(fā)布
數(shù)據(jù)排序這塊應(yīng)該是每個(gè)程序員都會(huì)遇到的,而這篇文章主要是介紹js中sort排序如何使用得當(dāng),既然有現(xiàn)成的封裝的方法就用現(xiàn)成的,自己稍加修改就能完成,不需要再重新自己重頭到尾寫個(gè)函數(shù),當(dāng)然如果大家有這個(gè)興趣也可以自己寫啦。
1.字母排序sort默認(rèn)的排序方式為字母排序,根據(jù)二十六個(gè)字母依次排列,單詞之間比較,則先比較第一個(gè)字母,如果第一個(gè)字母相同則比較第二個(gè)字母,以此類推。
// 1.字母排序(sort默認(rèn)排序) var arr = ["za","zb","a","b","xc","xa"]; arr.sort(); console.log(arr); // 運(yùn)行結(jié)果:["a", "b", "xa", "xc", "za", "zb"]2.sort數(shù)字排序
sort()中參數(shù)可以是方法函數(shù),可以升序和降序輸出結(jié)果。
//2.sort數(shù)字排序 var array = [100,10,50,800,320,34,53]; array.sort(function(a,b){ //a-b升序,b-a降序 return b-a; }); console.log(array); //運(yùn)行結(jié)果:[800, 320, 100, 53, 50, 34, 10]
注意:其中a,b都是表示這個(gè)數(shù)組里面的元素,如果是a-b則表示升序,如果是b-a則表示降序。
3.數(shù)組對(duì)象排序最重要的還是這個(gè)對(duì)象屬性排序,當(dāng)后臺(tái)給我們前端很多數(shù)據(jù)并且沒有排序時(shí),我們一般都是要重新進(jìn)行排序,而后臺(tái)給的數(shù)據(jù)往往是好幾層,不會(huì)像前面那種簡(jiǎn)單的就一個(gè)數(shù)組,這個(gè)時(shí)候就要用sort中對(duì)象屬性排序了
// 3.對(duì)象屬性排序 var obj = [ {name:"lucy", num:400}, {name:"nancy", num:110}, {name:"maria", num:200} ]; obj.sort(compare("num")); console.log(obj); //數(shù)組對(duì)象屬性值排序 function compare(property){ return function(a,b){ //value1 - value2升序 //value2 - value1降序 var value1 = a[property]; var value2 = b[property]; return value1 - value2;//升序 } }
運(yùn)行結(jié)果:
[
{name:"nancy", num:110},
{name:"maria", num:200},
{name:"lucy", num:400}
]
注意:compare()中參數(shù)必須是這個(gè)對(duì)象的屬性名稱,而你要比較的這些對(duì)象里面,一定要有這個(gè)屬性名稱,否則會(huì)出錯(cuò)。以上屬于個(gè)人總結(jié),如果后期有什么補(bǔ)充會(huì)再次發(fā)布
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/112438.html
摘要:字母排序默認(rèn)排序運(yùn)行結(jié)果數(shù)字排序中參數(shù)可以是方法函數(shù),可以升序和降序輸出結(jié)果。數(shù)字排序升序,降序運(yùn)行結(jié)果注意其中都是表示這個(gè)數(shù)組里面的元素,如果是則表示升序,如果是則表示降序。以上屬于個(gè)人總結(jié),如果后期有什么補(bǔ)充會(huì)再次發(fā)布 數(shù)據(jù)排序這塊應(yīng)該是每個(gè)程序員都會(huì)遇到的,而這篇文章主要是介紹js中sort排序如何使用得當(dāng),既然有現(xiàn)成的封裝的方法就用現(xiàn)成的,自己稍加修改就能完成,不需要再重新自己...
摘要:字母排序默認(rèn)排序運(yùn)行結(jié)果數(shù)字排序中參數(shù)可以是方法函數(shù),可以升序和降序輸出結(jié)果。數(shù)字排序升序,降序運(yùn)行結(jié)果注意其中都是表示這個(gè)數(shù)組里面的元素,如果是則表示升序,如果是則表示降序。以上屬于個(gè)人總結(jié),如果后期有什么補(bǔ)充會(huì)再次發(fā)布 數(shù)據(jù)排序這塊應(yīng)該是每個(gè)程序員都會(huì)遇到的,而這篇文章主要是介紹js中sort排序如何使用得當(dāng),既然有現(xiàn)成的封裝的方法就用現(xiàn)成的,自己稍加修改就能完成,不需要再重新自己...
摘要:最近在學(xué)習(xí)的表格排序,沒想到看不起眼的表格排序?qū)嶋H上卻暗含了眾多知識(shí)點(diǎn)。二實(shí)現(xiàn)表格排序使用獲取數(shù)據(jù)之所以使用動(dòng)態(tài)獲取數(shù)據(jù),是為了使用文檔碎片綁定數(shù)據(jù)。 最近在學(xué)習(xí)js的表格排序,沒想到看不起眼的表格排序?qū)嶋H上卻暗含了眾多JS知識(shí)點(diǎn)。在這里記錄一下此次學(xué)習(xí)過程。希望對(duì)大家也有所幫助。 完整的表格排序涉及了下列這些知識(shí)點(diǎn): call方法使用 sort方法深入 數(shù)據(jù)綁定 DOM映射 下面...
摘要:最近在學(xué)習(xí)的表格排序,沒想到看不起眼的表格排序?qū)嶋H上卻暗含了眾多知識(shí)點(diǎn)。二實(shí)現(xiàn)表格排序使用獲取數(shù)據(jù)之所以使用動(dòng)態(tài)獲取數(shù)據(jù),是為了使用文檔碎片綁定數(shù)據(jù)。 最近在學(xué)習(xí)js的表格排序,沒想到看不起眼的表格排序?qū)嶋H上卻暗含了眾多JS知識(shí)點(diǎn)。在這里記錄一下此次學(xué)習(xí)過程。希望對(duì)大家也有所幫助。 完整的表格排序涉及了下列這些知識(shí)點(diǎn): call方法使用 sort方法深入 數(shù)據(jù)綁定 DOM映射 下面...
閱讀 2771·2021-10-11 11:08
閱讀 1489·2021-09-30 09:48
閱讀 1049·2021-09-22 15:29
閱讀 1037·2019-08-30 15:54
閱讀 976·2019-08-29 15:19
閱讀 527·2019-08-29 13:12
閱讀 3161·2019-08-26 13:53
閱讀 957·2019-08-26 13:28