JS -- sort()方法實現(xiàn)對象數(shù)組的排序

neroneroffy 發(fā)布于2019-08-23 10:56 / 3753人閱讀

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

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

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

對象數(shù)組排序

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

var arr = [
            { name:"小明", age:12 },
            { name:"小紅", age:11 },
            { name:"小剛", age:15 },
            { name:"小華", age:13 }
        ];
        
function compare(p){ //這是比較函數(shù)
    return function(m,n){
        var a = m[p];
        var b = n[p];
        return a - b; //升序
    }
}
arr.sort(compare("age"));
console.log(arr); 
//結(jié)果如下： 
//[{name: "小紅", age: 11}, 
//{name: "小明", age: 12},
//{name: "小華", age: 13}, 
//{name: "小剛", age: 15}]

數(shù)組排序

不使用比較函數(shù)會出現(xiàn)下面這種情況，這并不是我們需要的結(jié)果

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

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

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

GPU云服務器云服務器 js對象數(shù)組排序 php數(shù)組排序的方法 js的一維對象數(shù)組 js創(chuàng)建數(shù)組的方法

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/96834.html

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

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

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

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

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

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

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

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

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

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

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