js sort方法根據(jù)數(shù)組中對(duì)象的某一個(gè)屬性值進(jìn)行排序（實(shí)用方法）

ccj659 發(fā)布于2019-08-26 12:23 / 2051人閱讀

摘要：方法根據(jù)數(shù)組中對(duì)象的某一個(gè)屬性值進(jìn)行排序方法接收一個(gè)函數(shù)作為參數(shù)，這里嵌套一層函數(shù)用來(lái)接收對(duì)象屬性名，其他部分代碼與正常使用方法相同

js sort方法根據(jù)數(shù)組中對(duì)象的某一個(gè)屬性值進(jìn)行排序

sort方法接收一個(gè)函數(shù)作為參數(shù)，這里嵌套一層函數(shù)用來(lái)接收對(duì)象屬性名，其他部分代碼與正常使用sort方法相同.

var arr = [
    {name:"zopp",age:0},
    {name:"gpp",age:18},
    {name:"yjj",age:8}
];

function compare(property){
    return function(a,b){
        var value1 = a[property];
        var value2 = b[property];
        return value1 - value2;
    }
}
console.log(arr.sort(compare("age")))

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

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

相關(guān)文章

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

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

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

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

lauren_liuling 2019-08-21 17:55 評(píng)論0 收藏0
《JavaScript高級(jí)程序設(shè)計(jì)》筆記：引用類(lèi)型（五）

摘要：元素是通過(guò)指定的分隔符進(jìn)行分隔的。返回值如果從中刪除了元素，則返回的是含有被刪除的元素的數(shù)組。根據(jù)使用的方法不同，這個(gè)函數(shù)執(zhí)行后的返回值可能會(huì)也可能不會(huì)影響訪問(wèn)的返回值。對(duì)數(shù)組中的每一項(xiàng)運(yùn)行給定函數(shù)，返回該函數(shù)會(huì)返回的項(xiàng)組成的數(shù)組。 Object類(lèi)型創(chuàng)建object實(shí)例方法有兩種。第一種方法使用new操作符后跟object構(gòu)造函數(shù)。如下： var person=new Object(...

maybe_009 2019-08-26 11:29 評(píng)論0 收藏0
對(duì)JavaScript對(duì)象數(shù)組按指定屬性和排序方向進(jìn)行排序

摘要：對(duì)數(shù)據(jù)進(jìn)行排序是必不可少的功能。對(duì)簡(jiǎn)單的名值對(duì)象按照指定屬性和排序方向進(jìn)行排序根據(jù)排序?qū)傩约芭判蚍较?，?duì)兩個(gè)項(xiàng)依次進(jìn)行比較，并返回代表排序位置的值。按照指定屬性及升降方向進(jìn)行排序。標(biāo)簽：JavaScript 對(duì)象數(shù)組排序引言在以數(shù)據(jù)為中心的信息系統(tǒng)中，以表格形式展示數(shù)據(jù)是在常見(jiàn)不過(guò)的方式了。對(duì)數(shù)據(jù)進(jìn)行排序是必不可少的功能。排序可以分為按單個(gè)字段排序和按多個(gè)字段不同排序方向排序。...

z2xy 2019-08-19 18:32 評(píng)論0 收藏0
JS -- sort()方法實(shí)現(xiàn)對(duì)象數(shù)組的排序

摘要：方法會(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ù)組排序可以...

neroneroffy 2019-08-23 10:56 評(píng)論0 收藏0