首頁 > web前端 > js教程 > JS中對數組和物件數組的排序的程式碼詳細實例操作

JS中對數組和物件數組的排序的程式碼詳細實例操作

王林
發布: 2019-08-21 11:54:45
原創
2104 人瀏覽過

以下討論的是和數組 對象 排序 相關的通過js對數組和對象數組的排序的代碼實例教程文章,內容是精心挑選整理的教程,希望對大家有所幫助,下面是詳細內容:

透過js對數組和物件數組的排序的程式碼實例教程

注意:sort()方法會改變原始數組,預設按unicode碼順序排列

推薦js相關影片教學:https://www.php.cn/course/list/17/type/2.html

一、js中sort方法實作陣列排序

var arr = [2,3,13,17,4,19,1];
arr.sort() // [1, 13, 17, 19, 2, 3, 4]
登入後複製

若想將陣列依照大小進行排序,則需要在js的sort()方法加入比較函數

var arr = [2,3,13,17,4,19,1];
arr.sort(function(a,b){ // 比较函数
   return b - a;    // 降序, 升序为 a - b 
})
console.log(arr) //  [19, 17, 13, 4, 3, 2, 1]
登入後複製

二、js的sort方法實作物件陣列的排序

類似於陣列中的用法

var arr = [
            { name:"小明", age:12 },
            { name:"小红", age:11 },
            { name:"小刚", age:15 },
            { name:"小华", age:13 }
        ];
        
function compare(p){ //比较函数
    return function(m,n){
        var a = m[p];
        var b = n[p];
        return a - b;
    }
}
arr.sort(compare("age"));
console.log(arr); 
//升序,结果: [{name: "小红", age: 11}, {name: "小明", age: 12}, {name: "小华", age: 13},
登入後複製

不足之處也望指出,不勝感激!

更多js相關問題請訪問PHP中文網,裡面有豐富的js教學。

網址:https://www.php.cn/

以上是JS中對數組和物件數組的排序的程式碼詳細實例操作的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板