javascript 數(shù)組排序與對(duì)象排序的實(shí)例
javascript 數(shù)組排序與對(duì)象排序的實(shí)例
數(shù)組排序
在使用JavaScript的時(shí)候,我們都發(fā)現(xiàn)了sort這個(gè)函數(shù)其實(shí)是按照字典順序進(jìn)行排序的,比如下面的這個(gè)例子:
var ary = [2, 98, 34, 45, 78, 7, 10, 100, 99]; ary.sort(); console.log(ary);
控制臺(tái)輸出結(jié)果:
Array [ 10, 100, 2, 34, 45, 7, 78, 98, 99 ]
這個(gè)也很顯然驗(yàn)證了我之前所寫的東西,上面的結(jié)果就是比較數(shù)組元素的第一位,然后按照這個(gè)1-9這個(gè)順序排列,那么我們就需要給sort函數(shù)傳入一個(gè)比較函數(shù)(在這里我還是得提及一下C語言的函數(shù)指針,簡(jiǎn)單說就是給一個(gè)函數(shù)傳入另外一個(gè)函數(shù),而這個(gè)傳入的就像是你給出你自己的一套規(guī)則,而計(jì)算機(jī)按你這個(gè)規(guī)則執(zhí)行就好了),現(xiàn)在也是這個(gè)道理,給出一個(gè)規(guī)則來,那就請(qǐng)看下面的代碼:
var ary = [2, 98, 34, 45, 78, 7, 10, 100, 99]; ary.sort((a, b) => { return a-b; }); console.log(ary);
降序輸出:
ary.sort(function(a, b) { return b-a; }); console.log(ary);
傳入的函數(shù)是采用ES6的寫法,等同于:
ary.sort(function(a, b) { return a-b; });
輸出結(jié)果:
Array [ 2, 7, 10, 34, 45, 78, 98, 99, 100 ] Array [ 100, 99, 98, 78, 45, 34, 10, 7, 2 ]
對(duì)象排序
今天要說的排序?qū)ο?,像下面那樣,將多個(gè)對(duì)象放置在一個(gè)數(shù)組里面
var objArray = [ {name : 'lily', age : 22}, {name : 'kandy', age : 20}, {name : 'lindy', age : 24}, {name : 'Jone', age : 27} ];
下面就需要對(duì)它們進(jìn)行排序了:
function sortObj(array, key) { return array.sort(function(a, b) { var x = a[key]; var y = b[key]; return x - y; //或者 return x > y ? 1 : (x < y ? -1 : 0); }); }
控制臺(tái)輸出結(jié)果:
以上就是javascript 數(shù)組排序與對(duì)象排序的實(shí)例的講解,大家如果有疑問可以留言討論,感謝閱讀,希望能幫助到大家,謝謝大家對(duì)本站的支持!
相關(guān)文章
JS循環(huán)遍歷ul中l(wèi)i的點(diǎn)擊事件給選中l(wèi)i添加css樣式(示例代碼)
對(duì)于一個(gè)ul中固定的li個(gè)數(shù),當(dāng)點(diǎn)擊其中一個(gè)li時(shí),改變選中l(wèi)i的顏色;同時(shí)改變對(duì)應(yīng)的另一個(gè)ul中l(wèi)i的顏色,怎么實(shí)現(xiàn)這個(gè)功能呢,下面小編給大家?guī)砹薺s循環(huán)遍歷ul中l(wèi)i的點(diǎn)擊事件,給給選中l(wèi)i添加css樣式,感興趣的朋友一起看看吧2023-07-07javascript 復(fù)雜的嵌套環(huán)境中輸出單引號(hào)和雙引號(hào)
如果簡(jiǎn)單的嵌套一般都是外面用雙引號(hào),則里面用單引號(hào),反之亦同,如果特別負(fù)責(zé)的嵌套大家看下如下的方法。2009-05-05bootstrap-closable-tab可實(shí)現(xiàn)關(guān)閉的tab標(biāo)簽頁插件
這篇文章主要為大家詳細(xì)介紹了bootstrap-closable-tab可實(shí)現(xiàn)關(guān)閉的tab標(biāo)簽頁插件,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-08-08用原生js統(tǒng)計(jì)文本行數(shù)的簡(jiǎn)單示例
這篇文章我們來看看如何利用原生的JavaScript實(shí)現(xiàn)統(tǒng)計(jì)文本的行數(shù),代碼實(shí)現(xiàn)起來很簡(jiǎn)單,有需要的可以參考借鑒。2016-08-08