欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間：2020年07月10日 08:55:12   作者：yuwenjing  
這篇文章主要介紹了JS sort方法基于數(shù)組對象屬性值排序,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下

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é)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

  • uniapp開發(fā)App出現(xiàn)網(wǎng)絡(luò)異常的解決方法

    uniapp開發(fā)App出現(xiàn)網(wǎng)絡(luò)異常的解決方法

    這篇文章主要給大家介紹了uniapp開發(fā)App出現(xiàn)網(wǎng)絡(luò)異常的解決方案,文中有相關(guān)的解決方法和步驟,具有一定的參考價值,需要的朋友可以參考下
    2023-09-09
  • ElementUI中Tree組件使用案例講解

    ElementUI中Tree組件使用案例講解

    這篇文章主要介紹了ElementUI中Tree組件使用案例講解,本文結(jié)合示例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
    2022-12-12
  • 微信小程序數(shù)據(jù)存儲與取值詳解

    微信小程序數(shù)據(jù)存儲與取值詳解

    這篇文章主要為大家詳細介紹了微信小程序數(shù)據(jù)存儲與取值的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2018-01-01
  • JavaScript適配器模式詳解

    JavaScript適配器模式詳解

    這篇文章主要為大家詳細介紹了JavaScript適配器模式的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2017-10-10
  • js實現(xiàn)的簡單圖片浮動效果完整實例

    js實現(xiàn)的簡單圖片浮動效果完整實例

    這篇文章主要介紹了js實現(xiàn)的簡單圖片浮動效果,以完整實例形式分析了javascript實現(xiàn)圖片定時漂浮移動功能的方法,涉及javascript定時函數(shù)與數(shù)值動態(tài)運算相關(guān)技巧,需要的朋友可以參考下
    2016-05-05
  • JS使用window.requestAnimationFrame()對列表切片進行渲染

    JS使用window.requestAnimationFrame()對列表切片進行渲染

    這篇文章主要為大家介紹了JS使用requestAnimationFrame對列表切片進行渲染，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
    2023-05-05
  • Bootstrap Img 圖片樣式(推薦)

    Bootstrap Img 圖片樣式(推薦)

    Bootstrap提供了四種用于<img>類的樣式，在本文給大家詳細介紹，需要的朋友可以參考下
    2016-12-12
  • js定時器(執(zhí)行一次、重復(fù)執(zhí)行)

    js定時器(執(zhí)行一次、重復(fù)執(zhí)行)

    這篇文章主要分享一段js代碼，有關(guān)js定時器的小例子，分為執(zhí)行一次的定時器與重復(fù)執(zhí)行的定時器,需要的朋友可以參考下
    2014-03-03
  • 實例分析js事件循環(huán)機制

    實例分析js事件循環(huán)機制

    這篇文章主要介紹了js事件循環(huán)機制，并通過實例分析了用法和技巧，一起學(xué)習(xí)分享下。
    2017-12-12
  • hammer.js實現(xiàn)圖片手勢放大效果

    hammer.js實現(xiàn)圖片手勢放大效果

    這篇文章主要為大家詳細介紹了hammer.js實現(xiàn)圖片手勢放大效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2017-08-08

最新評論