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語(yǔ)言的函數(shù)指針，簡(jiǎn)單說(shuō)就是給一個(gè)函數(shù)傳入另外一個(gè)函數(shù)，而這個(gè)傳入的就像是你給出你自己的一套規(guī)則，而計(jì)算機(jī)按你這個(gè)規(guī)則執(zhí)行就好了），現(xiàn)在也是這個(gè)道理，給出一個(gè)規(guī)則來(lái)，那就請(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ì)象排序
今天要說(shuō)的排序?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í)例的講解，大家如果有疑問(wèn)可以留言討論，感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！
相關(guān)文章
JavaScript中的this/call/apply/bind的使用及區(qū)別
這篇文章主要介紹了JavaScript中的this/call/apply/bind的使用及區(qū)別，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03
這篇文章主要介紹了小程序跳轉(zhuǎn)H5頁(yè)面的方法步驟，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03
bootstrap table插件的分頁(yè)與checkbox使用詳解
這篇文章主要為大家詳細(xì)介紹了bootstrap table插件的分頁(yè)與checkbox使用詳解，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
JavaScript Event學(xué)習(xí)第六章 事件的訪問(wèn)
在這一章我會(huì)講解如何去訪問(wèn)一個(gè)事件對(duì)象。2010-02-02
with 語(yǔ)句通常用來(lái)縮短特定情形下必須寫的代碼量。在下面的例子中，請(qǐng)注意 Math 的重復(fù)使用2008-02-02
微信小程序 頁(yè)面跳轉(zhuǎn)傳值實(shí)現(xiàn)代碼
這篇文章主要介紹了微信小程序 頁(yè)面跳轉(zhuǎn)傳值實(shí)現(xiàn)代碼的相關(guān)資料,這里分析實(shí)現(xiàn)的條件及實(shí)例代碼，需要的朋友可以參考下2017-07-07
js 阻止子元素響應(yīng)父元素的onmouseout事件具體實(shí)現(xiàn)
本文為大家介紹下js阻止子元素響應(yīng)父元素的onmouseout事件，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下2013-12-12
JS中類的靜態(tài)方法，靜態(tài)變量，實(shí)例方法，實(shí)例變量區(qū)別與用法實(shí)例分析
這篇文章主要介紹了JS中類的靜態(tài)方法，靜態(tài)變量，實(shí)例方法，實(shí)例變量區(qū)別與用法,結(jié)合實(shí)例形式詳細(xì)分析了JS中類的靜態(tài)方法，靜態(tài)變量，實(shí)例方法，實(shí)例變量相關(guān)功能、使用方法及操作注意事項(xiàng),需要的朋友可以參考下2020-03-03
JS實(shí)現(xiàn)仿中關(guān)村論壇評(píng)分后彈出提示效果的方法
這篇文章主要介紹了JS實(shí)現(xiàn)仿中關(guān)村論壇評(píng)分后彈出提示效果的方法,實(shí)例分析了javascript彈出特效的css與提示框的具體實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02
下面小編就為大家分享一篇基于wordpress的ajax寫法詳解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-01-01