javascript中數(shù)組排序與對(duì)象排序的示例分析

這篇文章將為大家詳細(xì)講解有關(guān)javascript中數(shù)組排序與對(duì)象排序的示例分析,小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。

我們提供的服務(wù)有:成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站、微信公眾號(hào)開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、恩陽ssl等。為上千家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù),是有科學(xué)管理、有技術(shù)的恩陽網(wǎng)站制作公司

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ù)指針,簡單說就是給一個(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ì)象排序的示例分析

關(guān)于“javascript中數(shù)組排序與對(duì)象排序的示例分析”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,使各位可以學(xué)到更多知識(shí),如果覺得文章不錯(cuò),請(qǐng)把它分享出去讓更多的人看到。

標(biāo)題名稱:javascript中數(shù)組排序與對(duì)象排序的示例分析
路徑分享:http://muchs.cn/article42/jephec.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供手機(jī)網(wǎng)站建設(shè)微信小程序、虛擬主機(jī)、電子商務(wù)、網(wǎng)站營銷標(biāo)簽優(yōu)化

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

h5響應(yīng)式網(wǎng)站建設(shè)