js 根据对象数组中的属性进行排序实现代码

 更新时间:2019年09月12日 15:02:14   作者:欢欢11  
这篇文章主要介绍了js 根据对象数组中的属性进行排序实现代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

这篇文章主要介绍了js 根据对象数组中的属性进行排序实现代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

代码如下

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)) //表示根据number属性降序排列;若第二个参数不传递,默认表示升序排序
   * @param attr 排序的属性 如number属性
   * @param rev true表示升序排列,false降序排序
   * */
  sortBy: function(attr,rev){
    //第二个参数没有传递 默认升序排列
    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;
    }
  }

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • 动态加载js的方法汇总

    动态加载js的方法汇总

    这篇文章主要介绍了动态加载js的方法,实例汇总了常见的几种动态加载技巧,非常具有实用价值,需要的朋友可以参考下
    2015-02-02
  • 基于JS实现视频上传显示进度条

    基于JS实现视频上传显示进度条

    这篇文章主要介绍了基于JS实现视频上传显示进度条,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-05-05
  • 前端中的JS使用调试技巧

    前端中的JS使用调试技巧

    掌握各种js调试技巧,在前端开发中降低开发成本,起到事半功倍的效果。譬如,快速定位问题、降低故障概率、帮助分析逻辑错误等等。这篇文章主要介绍了前端中的JS使用调试技巧,需要的朋友可以参考下
    2022-12-12
  • 微信小程序实现地区选择伪五级联动

    微信小程序实现地区选择伪五级联动

    这篇文章主要为大家详细介绍了微信小程序实现地区选择伪五级联动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • 使用apply方法实现javascript中的对象继承

    使用apply方法实现javascript中的对象继承

    javascript中的对象继承的方法有很多,在接下来的文章中为大家介绍下使用apply方法是如何实现的
    2013-12-12
  • 使用Vue3实现一个Upload组件的示例代码

    使用Vue3实现一个Upload组件的示例代码

    这篇文章主要介绍了使用Vue3实现一个Upload组件的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-05-05
  • iframe实现与父页面跨域隔离的JavaScript 代码沙箱

    iframe实现与父页面跨域隔离的JavaScript 代码沙箱

    这篇文章主要介绍了使用iframe实现与父页面跨域隔离的JavaScript代码沙箱,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-05-05
  • uni-app入门教程之组件的基本使用

    uni-app入门教程之组件的基本使用

    本文主要介绍了uni-app组件的基本使用,包括组件的引入、使用和常见问题解决方法,通过本文的学习,读者可以掌握uni-app组件的基本操作,为开发uni-app应用提供帮助,需要的朋友可以参考下
    2023-03-03
  • 基于javascript实现图片预加载

    基于javascript实现图片预加载

    这篇文章主要介绍了javascript图片预加载的方法,实例分析了javascript实现图片预加载的思路,具有一定参考借鉴价值,需要的朋友可以参考下
    2016-01-01
  • UNIAPP实现微信小程序登录授权和手机号授权功能(uniapp做微信小程序)

    UNIAPP实现微信小程序登录授权和手机号授权功能(uniapp做微信小程序)

    uniapp开发小程序,先授权用户信息后再出现手机号授权的页面进行手机号授权,完成后返回上一页面并把信息存入后台以及前台缓存中,方便使用,这篇文章主要介绍了UNIAPP实现微信小程序登录授权和手机号授权(uniapp做微信小程序),需要的朋友可以参考下
    2024-08-08

最新评论