js 根據(jù)對象數(shù)組中的屬性進(jìn)行排序?qū)崿F(xiàn)代碼

更新時間：2019年09月12日 15:02:14 作者：歡歡11

這篇文章主要介紹了js 根據(jù)對象數(shù)組中的屬性進(jìn)行排序?qū)崿F(xiàn)代碼,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下

代碼如下

var arr = [
  {name:'a',age:9},
  {name:'b',age:12},
  {name:'c',age:8}
];
 arr.sort((a,b)=>{
  return a.age - b.age
 });

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

* 使用例子：newArray.sort(sortBy('number',false)) //表示根據(jù)number屬性降序排列;若第二個參數(shù)不傳遞，默認(rèn)表示升序排序
   * @param attr 排序的屬性 如number屬性
   * @param rev true表示升序排列，false降序排序
   * */
  sortBy: function(attr,rev){
    //第二個參數(shù)沒有傳遞 默認(rèn)升序排列
    if(rev == undefined){
      rev = 1;
    }else{
      rev = (rev) ? 1 : -1;
    }
    
    return function(a,b){
      a = a[attr];
      b = b[attr];
      if(a < b){
        return rev * -1;
      }
      if(a > b){
        return rev * 1;
      }
      return 0;
    }
  }

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

動態(tài)加載js的方法匯總
這篇文章主要介紹了動態(tài)加載js的方法,實例匯總了常見的幾種動態(tài)加載技巧,非常具有實用價值,需要的朋友可以參考下
2015-02-02
基于JS實現(xiàn)視頻上傳顯示進(jìn)度條
這篇文章主要介紹了基于JS實現(xiàn)視頻上傳顯示進(jìn)度條,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
2020-05-05
前端中的JS使用調(diào)試技巧
掌握各種js調(diào)試技巧，在前端開發(fā)中降低開發(fā)成本，起到事半功倍的效果。譬如，快速定位問題、降低故障概率、幫助分析邏輯錯誤等等。這篇文章主要介紹了前端中的JS使用調(diào)試技巧,需要的朋友可以參考下
2022-12-12
微信小程序?qū)崿F(xiàn)地區(qū)選擇偽五級聯(lián)動
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)地區(qū)選擇偽五級聯(lián)動，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-07-07
使用apply方法實現(xiàn)javascript中的對象繼承
javascript中的對象繼承的方法有很多，在接下來的文章中為大家介紹下使用apply方法是如何實現(xiàn)的
2013-12-12
使用Vue3實現(xiàn)一個Upload組件的示例代碼
這篇文章主要介紹了使用Vue3實現(xiàn)一個Upload組件的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2021-05-05
iframe實現(xiàn)與父頁面跨域隔離的JavaScript?代碼沙箱
這篇文章主要介紹了使用iframe實現(xiàn)與父頁面跨域隔離的JavaScript代碼沙箱，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-05-05
uni-app入門教程之組件的基本使用
本文主要介紹了uni-app組件的基本使用,包括組件的引入、使用和常見問題解決方法,通過本文的學(xué)習(xí),讀者可以掌握uni-app組件的基本操作,為開發(fā)uni-app應(yīng)用提供幫助,需要的朋友可以參考下
2023-03-03
基于javascript實現(xiàn)圖片預(yù)加載
這篇文章主要介紹了javascript圖片預(yù)加載的方法,實例分析了javascript實現(xiàn)圖片預(yù)加載的思路,具有一定參考借鑒價值,需要的朋友可以參考下
2016-01-01
UNIAPP實現(xiàn)微信小程序登錄授權(quán)和手機號授權(quán)功能(uniapp做微信小程序)
uniapp開發(fā)小程序,先授權(quán)用戶信息后再出現(xiàn)手機號授權(quán)的頁面進(jìn)行手機號授權(quán),完成后返回上一頁面并把信息存入后臺以及前臺緩存中,方便使用,這篇文章主要介紹了UNIAPP實現(xiàn)微信小程序登錄授權(quán)和手機號授權(quán)（uniapp做微信小程序）,需要的朋友可以參考下
2024-08-08