溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

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

發(fā)布時間:2021-07-23 11:23:49 來源:億速云 閱讀:112 作者:小新 欄目:web開發(fā)

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

javascript  數(shù)組排序與對象排序的實例

數(shù)組排序

在使用JavaScript的時候,我們都發(fā)現(xiàn)了sort這個函數(shù)其實是按照字典順序進行排序的,比如下面的這個例子:

var ary = [2, 98, 34, 45, 78, 7, 10, 100, 99];
ary.sort();
console.log(ary);

控制臺輸出結(jié)果:

Array [ 10, 100, 2, 34, 45, 7, 78, 98, 99 ]

這個也很顯然驗證了我之前所寫的東西,上面的結(jié)果就是比較數(shù)組元素的第一位,然后按照這個1-9這個順序排列,那么我們就需要給sort函數(shù)傳入一個比較函數(shù)(在這里我還是得提及一下C語言的函數(shù)指針,簡單說就是給一個函數(shù)傳入另外一個函數(shù),而這個傳入的就像是你給出你自己的一套規(guī)則,而計算機按你這個規(guī)則執(zhí)行就好了),現(xiàn)在也是這個道理,給出一個規(guī)則來,那就請看下面的代碼:

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 ]

對象排序

今天要說的排序?qū)ο螅裣旅婺菢?,將多個對象放置在一個數(shù)組里面

var objArray = [
 {name : 'lily', age : 22},
 {name : 'kandy', age : 20},
 {name : 'lindy', age : 24},
 {name : 'Jone', age : 27}
];

下面就需要對它們進行排序了:

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);
 });
}

控制臺輸出結(jié)果:

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

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

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI