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

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à)值,需要的朋友可以參考下

這篇文章主要介紹了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;
    }
  }

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

相關(guān)文章

  • Layui彈框中數(shù)據(jù)表格中可雙擊選擇一條數(shù)據(jù)的實(shí)現(xià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編碼圖像

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

    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異步封裝功能示例

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

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

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

    JS校驗(yàn)與最終登陸界面功能完整示例

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

    BootStrap表單寬度設(shè)置方法

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

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

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

    使用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 附加導(dǎo)航組件

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

最新評(píng)論