快捷導(dǎo)航

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

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

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

代碼如下

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屬性降序排列;若第二個(gè)參數(shù)不傳遞，默認(rèn)表示升序排序
   * @param attr 排序的屬性 如number屬性
   * @param rev true表示升序排列，false降序排序
   * */
  sortBy: function(attr,rev){
    //第二個(gè)參數(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;
    }
  }

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

您可能感興趣的文章:

相關(guān)文章

Layui彈框中數(shù)據(jù)表格中可雙擊選擇一條數(shù)據(jù)的實(shí)現(xiàn)
這篇文章主要介紹了Layui彈框中數(shù)據(jù)表格中可雙擊選擇一條數(shù)據(jù)的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-05-05
JS在瀏覽器中解析Base64編碼圖像
這篇文章主要介紹了JS在瀏覽器中解析Base64編碼圖像的相關(guān)資料,需要的朋友可以參考下
2017-02-02
js getBoundingClientRect() 來獲取頁面元素的位置
該方法已經(jīng)不再是IE Only了，F(xiàn)F3.0+和Opera9.5+已經(jīng)支持了該方法，可以說在獲得頁面元素位置上效率能有很大的提高，在以前版本的Opera和Firefox中必須通過循環(huán)來獲得元素在頁面中的絕對(duì)位置。
2010-11-11
原生javascript實(shí)現(xiàn)的ajax異步封裝功能示例
這篇文章主要介紹了原生javascript實(shí)現(xiàn)的ajax異步封裝功能,結(jié)合完整實(shí)例形式分析了原生javascript實(shí)現(xiàn)的ajax異步交互函數(shù)與相應(yīng)的使用方法,需要的朋友可以參考下
2016-11-11
淺談JavaScript字符串與數(shù)組
本文給大家簡(jiǎn)單介紹了下javascript中的字符串和數(shù)組，都是些十分基礎(chǔ)的知識(shí)，小伙伴們要學(xué)好javascript，一定要把這2點(diǎn)理解清楚。
2015-06-06
JS校驗(yàn)與最終登陸界面功能完整示例
這篇文章主要介紹了JS校驗(yàn)與最終登陸界面功能,結(jié)合完整實(shí)例形式詳細(xì)分析了JavaScript登錄界面校驗(yàn)功能與正則驗(yàn)證相關(guān)操作技巧,需要的朋友可以參考下
2020-01-01
BootStrap表單寬度設(shè)置方法
這篇文章主要介紹了BootStrap表單寬度設(shè)置方法,僅僅是小編日常遇到問題記錄，寫的不好還請(qǐng)見諒，需要的朋友可以參考下
2017-03-03
js輪播圖的插件化封裝詳解
這篇文章主要為大家詳細(xì)介紹了js輪播圖的插件化封裝，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-07-07
使用JavaScript構(gòu)建一個(gè)動(dòng)態(tài)交互式圖表
在Web開發(fā)中,JavaScript不僅是實(shí)現(xiàn)交互效果的關(guān)鍵,還可以用于構(gòu)建復(fù)雜的可視化組件,如動(dòng)態(tài)交互式圖表,下面我們就來看看如何構(gòu)建一個(gè)動(dòng)態(tài)交互式圖表吧
2024-02-02
BootStrap 附加導(dǎo)航組件
Bootstrap 是一個(gè)用于快速開發(fā) Web 應(yīng)用程序和網(wǎng)站的前端框架,主要基于 HTML、CSS、JAVASCRIPT 的。接下來通過本文給大家介紹BootStrap 附加導(dǎo)航組件的知識(shí)，感興趣的朋友一起學(xué)習(xí)吧
2016-07-07