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


Posted in Javascript onSeptember 12, 2019

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

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

Javascript 相关文章推荐
jquery1.4 教程二 ajax方法的改进
Feb 25 Javascript
理解Javascript_15_作用域分配与变量访问规则,再送个闭包
Oct 20 Javascript
jQuery Mobile的loading对话框显示/隐藏方法分享
Nov 26 Javascript
node.js中的fs.createReadStream方法使用说明
Dec 17 Javascript
微信JS接口汇总及使用详解
Jan 09 Javascript
jquery实现表单验证简单实例演示
Nov 23 Javascript
js判断移动端是否安装某款app的多种方法
Dec 18 Javascript
Javascript基础回顾之(三) js面向对象
Jan 31 Javascript
javascript过滤数组重复元素的实现方法
May 03 Javascript
jquery实现图片轮播器
May 23 jQuery
Bootstrap4如何定制自己的颜色和风格
Feb 26 Javascript
jquery获取input输入框中的值
Nov 13 jQuery
JavaScript和TypeScript中的void的具体使用
Sep 12 #Javascript
微信小程序页面调用自定义组件内的事件详解
Sep 12 #Javascript
基于JavaScript 实现拖放功能
Sep 12 #Javascript
Node.JS用纯JavaScript生成图片或滑块式验证码功能
Sep 12 #Javascript
layui 对table中的数据进行转义的实例
Sep 12 #Javascript
layui点击数据表格添加或删除一行的例子
Sep 12 #Javascript
小程序如何支持使用 async/await详解
Sep 12 #Javascript
You might like
php多层数组与对象的转换实例代码
2013/08/05 PHP
php数组合并与拆分实例分析
2015/06/12 PHP
php 运算符与表达式详细介绍
2016/11/30 PHP
php设计模式之观察者模式定义与用法经典示例
2019/09/19 PHP
基于PHP的登录和注册的功能的实现
2020/08/06 PHP
javascript网页关闭时提醒效果脚本
2008/10/22 Javascript
jquery选择器的选择使用及性能介绍
2013/01/16 Javascript
js 火狐下取本地路径实现思路
2013/04/02 Javascript
jQuery源码解读之addClass()方法分析
2015/02/20 Javascript
JS简单实现多级Select联动菜单效果代码
2015/09/06 Javascript
vue.js指令v-model实现方法
2016/12/05 Javascript
JavaScript实现同一个页面打开多张图片
2016/12/29 Javascript
javascript 面向对象function详解及实例代码
2017/02/28 Javascript
原生javascript上传图片带进度条【实例分享】
2017/04/06 Javascript
Ionic2调用本地SQlite实例
2017/04/22 Javascript
JavaScript选取(picking)和反选(rejecting)对象的属性方法
2017/08/16 Javascript
Angular 作用域scope的具体使用
2017/12/11 Javascript
Nodejs下使用gm圆形裁剪并合成图片的示例
2018/02/22 NodeJs
webpack4 optimization使用总结
2019/11/10 Javascript
[01:09:40]Newbee vs Pain 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
python中WSGI是什么,Python应用WSGI详解
2017/11/24 Python
解决tensorflow1.x版本加载saver.restore目录报错的问题
2018/07/26 Python
Python列表切片常用操作实例解析
2019/12/16 Python
Python动态强类型解释型语言原理解析
2020/03/25 Python
Furla官网:意大利著名的皮革品牌
2019/08/06 全球购物
募捐倡议书
2014/04/14 职场文书
2014年学习全国道德模范事迹思想汇报
2014/09/15 职场文书
2014第二批党员干部对照“四风”找差距检查材料思想汇报
2014/09/18 职场文书
异地年检委托书范本
2014/09/24 职场文书
红色革命电影观后感
2015/06/18 职场文书
国家助学金受助感言
2015/08/01 职场文书
煤矿隐患排查制度
2015/08/05 职场文书
2015秋季田径运动会广播稿
2015/08/19 职场文书
如何让2019年上半年的工作总结更出色!
2019/07/01 职场文书
CSS3 制作精美的定价表
2021/04/06 HTML / CSS
Python如何利用pandas读取csv数据并绘图
2022/07/07 Python