在javascript中實現多維數組、對象數組排序,基本上都是用原生的sort()方法,用于對數組的元素進行排序。
其基本的用法就不說了,先看個簡單的排序例子:
//Sortalphabetically and ascending:varmyarray=["Bob","Bully","Amy"]myarray.sort()//Arraynow becomes ["Amy", "Bob", "Bully"]
數組直接調用sort()后,數組按字母順序對數組中的元素進行排序,說得更精確點,是按照字符編碼的順序進行排序。
再來看看數字的排序:
//Sortnumerically and ascending:varmyarray=[25, 8, 7, 41]myarray.sort(function(a,b){returna - b}) //Arraynow becomes [7, 8, 25, 41]sort(fun)接受了個排序規則函數,這個函數將比較2個數字的大小。而我們的對象數組排序,實際上原理也是一樣的。
對于對象數組排序,我們先寫一個構造比較函數的函數:
//by函數接受一個成員名字符串做為參數//并返回一個可以用來對包含該成員的對象數組進行排序的比較函數varby = function(name){returnfunction(o,p){vara, b;if(typeofo === "object"&& typeofp === "object"&& o && p) {a= o[name];b= p[name];if(a === b) {return0;}if(typeofa === typeofb) {returna < b ? -1 : 1;}returntypeof a < typeofb ? -1 : 1;}else{throw("error");}}}要排序的數組:
varemployees=[]employees[0]={name:"George",age:32, retiredate:"March12, 2014"}employees[1]={name:"Edward",age:17, retiredate:"June2, 2023"}employees[2]={name:"Christine",age:58, retiredate:"December20, 2036"}employees[3]={name:"Sarah",age:62, retiredate:"April30, 2020"}直接調用函數:
employees.sort(by("age"));到這里,對象數組排序就算基本實現了。那如何實現多個鍵值排序呢?意思就是先是對age排序,如果age相同,再比較name。
這時,我們可以進一步修改by函數,讓其可以接受第二個參數,當主要的鍵值產生一個匹配的時候,另一個compare方法將被調用以決出高下。
//by函數接受一個成員名字符串和一個可選的次要比較函數做為參數//并返回一個可以用來包含該成員的對象數組進行排序的比較函數//當o[age]和 p[age] 相等時,次要比較函數被用來決出高下varby = function(name,minor){returnfunction(o,p){vara,b;if(o&& p && typeofo === 'object'&& typeofp ==='object'){a= o[name];b= p[name];if(a=== b){returntypeof minor === 'function'? minor(o,p):0;}if(typeofa === typeofb){returna <b ? -1:1;}returntypeof a < typeofb ? -1 : 1;}else{thro("error");}}}employees.sort(by('age',by('name')));好了,現在可以放心使用了。如果看不懂,可直接copy 這個by函數到你的應用里面,直接調用即可。
以上所述是小編給大家介紹的JavaScript對象數組排序實例方法淺析的全部敘述,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!
新聞熱點
疑難解答