国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

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

neroneroffy / 3723人閱讀

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

sort()方法會(huì)改變?cè)瓟?shù)組，默認(rèn)按unicode碼順序排列

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

對(duì)象數(shù)組排序

可以選擇它的某一屬性進(jìn)行比較

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ù)會(huì)出現(xiàn)下面這種情況，這并不是我們需要的結(jié)果

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

若想對(duì)數(shù)組按照大小進(jìn)行排序，則需要在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]

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/96834.html

相關(guān)文章

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

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

    ivydom 評(píng)論0 收藏0

  • 【重溫基礎(chǔ)】21.高階函數(shù)

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

    wua_wua2012 評(píng)論0 收藏0

  • 案例學(xué)習(xí)總結(jié)：原生JS實(shí)現(xiàn)表格排序

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

    ShevaKuilin 評(píng)論0 收藏0

  • 案例學(xué)習(xí)總結(jié)：原生JS實(shí)現(xiàn)表格排序

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

    lauren_liuling 評(píng)論0 收藏0

  • js中sort總結(jié)

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

    stdying 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<