快捷導(dǎo)航

JS sort方法基于數(shù)組對象屬性值排序

更新時間：2020年07月10日 08:55:12 作者：yuwenjing

這篇文章主要介紹了JS sort方法基于數(shù)組對象屬性值排序,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習或者工作具有一定的參考學(xué)習價值,需要的朋友可以參考下

sort方法接收一個函數(shù)作為參數(shù)，這里嵌套一層函數(shù)用來接收對象屬性名，其他部分代碼與正常使用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')))

如何根據(jù)參數(shù)不同，來確定是升序排列，還是降序排序呢？

/**數(shù)組根據(jù)數(shù)組對象中的某個屬性值進行排序的方法 
   * 使用例子：newArray.sort(sortBy('number',false)) //表示根據(jù)number屬性降序排列;若第二個參數(shù)不傳遞，默認表示升序排序
   * @param attr 排序的屬性 如number屬性
   * @param rev true表示升序排列，false降序排序
   * */
  sortBy: function(attr,rev){
    //第二個參數(shù)沒有傳遞 默認升序排列
    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é)習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

微信小程序MUI導(dǎo)航欄透明漸變功能示例(通過改變rgba的a值實現(xiàn))
這篇文章主要介紹了微信小程序MUI導(dǎo)航欄透明漸變功能,結(jié)合實例形式分析了通過改變rgba的a值實現(xiàn)透明度漸變功能的相關(guān)操作技巧,需要的朋友可以參考下
2019-01-01
一文帶你搞懂JS中導(dǎo)入模塊import和require的區(qū)別
JavaScript中，模塊是一種可重用的代碼塊，它將一些代碼打包成一個單獨的單元，并且可以在其他代碼中進行導(dǎo)入和使用。JavaScript中有兩種常用的方式：使用import和require，本文主要聊聊他們二者的區(qū)別
2023-03-03
微信小程序數(shù)據(jù)操作指南之從綁定到更新的操作方法
在微信小程序開發(fā)中,數(shù)據(jù)操作是不可或缺的一環(huán),文章詳細介紹了數(shù)據(jù)綁定、更新等方法,并提供示例和注意事項,幫助開發(fā)者更好地應(yīng)用這些技術(shù),本文給大家介紹微信小程序數(shù)據(jù)操作指南之從綁定到更新,感興趣的朋友跟隨小編一起看看吧
2024-10-10
JavaScript數(shù)組去重的六種方式
在平時的前端開發(fā)中,常常會遇到數(shù)組去重的場景,比如表單校驗重復(fù)的數(shù)據(jù),有重復(fù)數(shù)據(jù)不讓提交,或者對后端返回的數(shù)據(jù)進行去重展示等,同時它也是一道經(jīng)典的前端JavaScript基礎(chǔ)面試題,本期一起來帶大家看看去重的各種花樣方法,需要的朋友可以參考下
2024-12-12
純js代碼生成可搜索選擇下拉列表的實例
下面小編就為大家分享一篇純js代碼生成可搜索選擇下拉列表的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-01-01
JavaScript實現(xiàn)跟隨滾動緩沖運動廣告框
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)跟隨滾動緩沖運動廣告框，頁面左右兩邊跟隨式廣告框，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-07-07
JS實現(xiàn)定時頁面彈出類似QQ新聞的提示框
類似QQ新聞的提示框要求頁面每隔半小時彈出一次提示消息，下面有個不錯的實現(xiàn)方法，感興趣的朋友可以參考下
2013-11-11
原生js實現(xiàn)自定義消息提示框
這篇文章主要為大家詳細介紹了原生js實現(xiàn)自定義消息提示框，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-11-11
JavaScript字符串的長度問題
這篇文章主要介紹了JavaScript字符串的長度問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2023-02-02
BootStrap使用popover插件實現(xiàn)鼠標經(jīng)過顯示并保持顯示框
這篇文章主要介紹了BootStrap使用popover插件實現(xiàn)鼠標經(jīng)過顯示并保持顯示框的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2016-06-06