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

js 根據(jù)對象數(shù)組中的屬性進行排序實現(xiàn)代碼

 更新時間:2019年09月12日 15:02:14   作者:歡歡11  
這篇文章主要介紹了js 根據(jù)對象數(shù)組中的屬性進行排序實現(xiàn)代碼,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下

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

代碼如下

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ù)不傳遞,默認表示升序排序
   * @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;
    }
  }

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。

相關文章

  • Layui彈框中數(shù)據(jù)表格中可雙擊選擇一條數(shù)據(jù)的實現(xiàn)

    Layui彈框中數(shù)據(jù)表格中可雙擊選擇一條數(shù)據(jù)的實現(xiàn)

    這篇文章主要介紹了Layui彈框中數(shù)據(jù)表格中可雙擊選擇一條數(shù)據(jù)的實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2020-05-05
  • JS在瀏覽器中解析Base64編碼圖像

    JS在瀏覽器中解析Base64編碼圖像

    這篇文章主要介紹了JS在瀏覽器中解析Base64編碼圖像的相關資料,需要的朋友可以參考下
    2017-02-02
  • js getBoundingClientRect() 來獲取頁面元素的位置

    js getBoundingClientRect() 來獲取頁面元素的位置

    該方法已經(jīng)不再是IE Only了,F(xiàn)F3.0+和Opera9.5+已經(jīng)支持了該方法,可以說在獲得頁面元素位置上效率能有很大的提高,在以前版本的Opera和Firefox中必須通過循環(huán)來獲得元素在頁面中的絕對位置。
    2010-11-11
  • 原生javascript實現(xiàn)的ajax異步封裝功能示例

    原生javascript實現(xiàn)的ajax異步封裝功能示例

    這篇文章主要介紹了原生javascript實現(xiàn)的ajax異步封裝功能,結合完整實例形式分析了原生javascript實現(xiàn)的ajax異步交互函數(shù)與相應的使用方法,需要的朋友可以參考下
    2016-11-11
  • 淺談JavaScript字符串與數(shù)組

    淺談JavaScript字符串與數(shù)組

    本文給大家簡單介紹了下javascript中的字符串和數(shù)組,都是些十分基礎的知識,小伙伴們要學好javascript,一定要把這2點理解清楚。
    2015-06-06
  • JS校驗與最終登陸界面功能完整示例

    JS校驗與最終登陸界面功能完整示例

    這篇文章主要介紹了JS校驗與最終登陸界面功能,結合完整實例形式詳細分析了JavaScript登錄界面校驗功能與正則驗證相關操作技巧,需要的朋友可以參考下
    2020-01-01
  • BootStrap表單寬度設置方法

    BootStrap表單寬度設置方法

    這篇文章主要介紹了BootStrap表單寬度設置方法,僅僅是小編日常遇到問題記錄,寫的不好還請見諒,需要的朋友可以參考下
    2017-03-03
  • js輪播圖的插件化封裝詳解

    js輪播圖的插件化封裝詳解

    這篇文章主要為大家詳細介紹了js輪播圖的插件化封裝,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-07-07
  • 使用JavaScript構建一個動態(tài)交互式圖表

    使用JavaScript構建一個動態(tài)交互式圖表

    在Web開發(fā)中,JavaScript不僅是實現(xiàn)交互效果的關鍵,還可以用于構建復雜的可視化組件,如動態(tài)交互式圖表,下面我們就來看看如何構建一個動態(tài)交互式圖表吧
    2024-02-02
  • BootStrap 附加導航組件

    BootStrap 附加導航組件

    Bootstrap 是一個用于快速開發(fā) Web 應用程序和網(wǎng)站的前端框架,主要基于 HTML、CSS、JAVASCRIPT 的。接下來通過本文給大家介紹BootStrap 附加導航組件的知識,感興趣的朋友一起學習吧
    2016-07-07

最新評論