JS -- sort()方法實現對象數組的排序

neroneroffy 發布于2019-08-23 10:56 / 3721人閱讀

摘要：方法會改變原數組，默認按碼順序排列我們通常遇到的都是數組排序，對于對象數組當然也是可以的，方法如下對象數組排序可以選擇它的某一屬性進行比較小明小紅小剛小華這是比較函數升序結果如下小紅小明小華小剛數組排序不使用比較函數會出現下面這種情況，這

sort()方法會改變原數組，默認按unicode碼順序排列

我們通常遇到的都是數組排序，對于對象數組當然也是可以的，方法如下：

對象數組排序

可以選擇它的某一屬性進行比較

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}, 
//{name: "小剛", age: 15}]

數組排序

不使用比較函數會出現下面這種情況，這并不是我們需要的結果

var arr = [2,3,13,17,4,19,1];
arr.sort() // 結果：[1, 13, 17, 19, 2, 3, 4]

若想對數組按照大小進行排序，則需要在sort()方法中添加比較函數

var arr = [2,3,13,17,4,19,1];
arr.sort(function(a,b){ // 這是比較函數
    return b - a;    // 降序
})
console.log(arr) // 結果：[19, 17, 13, 4, 3, 2, 1]

云服務器 GPU云服務器 js對象數組排序 php數組排序的方法 js的一維對象數組 js創建數組的方法

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/96834.html

Js數組排序函數sort()介紹

摘要：原文數組排序函數介紹實現多維數組對象數組排序，其實用的就是原生的方法，用于對數組的元素進行排序。比較函數應該具有兩個參數和，其返回值如下若小于，在排序后的數組中應該出現在之前，則返回一個小于的值。原文：Js數組排序函數sort()介紹 JavaScript實現多維數組、對象數組排序，其實用的就是原生的sort()方法，用于對數組的元素進行排序。sort() 方法用于對數組的元素進行排...

ivydom 2019-08-20 15:25 評論0 收藏0
【重溫基礎】21.高階函數

摘要：歡迎您的支持系列目錄復習資料資料整理個人整理重溫基礎篇重溫基礎對象介紹重溫基礎對象介紹重溫基礎介紹重溫基礎相等性判斷重溫基礎閉包重溫基礎事件本章節復習的是中的高階函數，可以提高我們的開發效率。本文是重溫基礎系列文章的第二十一篇。今日感受：想家。本人自己整理的【Cute-JavaScript】資料，包含：【ES6/ES7/ES8/ES9】，【JavaScript基礎...

wua_wua2012 2019-08-23 15:05 評論0 收藏0
案例學習總結：原生JS實現表格排序

摘要：最近在學習的表格排序，沒想到看不起眼的表格排序實際上卻暗含了眾多知識點。二實現表格排序使用獲取數據之所以使用動態獲取數據，是為了使用文檔碎片綁定數據。最近在學習js的表格排序，沒想到看不起眼的表格排序實際上卻暗含了眾多JS知識點。在這里記錄一下此次學習過程。希望對大家也有所幫助。完整的表格排序涉及了下列這些知識點： call方法使用 sort方法深入數據綁定 DOM映射下面...

ShevaKuilin 2019-08-29 13:59 評論0 收藏0
案例學習總結：原生JS實現表格排序

摘要：最近在學習的表格排序，沒想到看不起眼的表格排序實際上卻暗含了眾多知識點。二實現表格排序使用獲取數據之所以使用動態獲取數據，是為了使用文檔碎片綁定數據。最近在學習js的表格排序，沒想到看不起眼的表格排序實際上卻暗含了眾多JS知識點。在這里記錄一下此次學習過程。希望對大家也有所幫助。完整的表格排序涉及了下列這些知識點： call方法使用 sort方法深入數據綁定 DOM映射下面...

lauren_liuling 2019-08-21 17:55 評論0 收藏0
js中sort總結

摘要：字母排序默認排序運行結果數字排序中參數可以是方法函數，可以升序和降序輸出結果。數字排序升序，降序運行結果注意其中都是表示這個數組里面的元素，如果是則表示升序，如果是則表示降序。以上屬于個人總結，如果后期有什么補充會再次發布數據排序這塊應該是每個程序員都會遇到的，而這篇文章主要是介紹js中sort排序如何使用得當，既然有現成的封裝的方法就用現成的，自己稍加修改就能完成，不需要再重新自己...

stdying 2019-08-21 12:04 評論0 收藏0