JavaScript对象数组排序函数及六个用法


Posted in Javascript onDecember 23, 2015

分享一个用于数组或者对象的排序的函数。该函数可以以任意深度的数组或者对象的值作为排序基数对数组或的元素进行排序。

代码如下:

/**
  * 排序数组或者对象
  * by Jinko
  * date --
  * @param object 数组或对象
  * @param subkey 需要排序的子键, 该参数可以是字符串, 也可以是一个数组
  * @param desc 排序方式, true:降序, false|undefined:升序
  * @returns {*} 返回排序后的数组或者对象
  *
  * 注意: 对于对象的排序, 如果使用console.log打印对象的显示可能和排序结果不一致,
  *  其键会被浏览器以字母顺序排序显示,但在for循环中则为正确的排序顺序
  */
 function sort_object(object, subkey, desc)
 {
   var is_array = false;
   if(Object.prototype.toString.call(object) === '[object Array]') {
     is_array = true;
   }
   if(is_array) {
     var keys = {length:object.length};
   } else {
     if(typeof(Object.keys) == 'function') {
       var keys = Object.keys(object);
     } else{
       var keys = [];
       for(var key in keys) {
         keys.push(key);
       }
     }
   }
   for(var i=; i<keys.length; i++) {
     for(var j=i+; j<keys.length; j++) {
       if(is_array) {
         //数组排序
         if(Object.prototype.toString.call(subkey) === '[object Array]') {
           var vali = object[i];
           var valj = object[j];
           for(var si=; si<subkey.length; si++) {
             vali = vali[ subkey[si] ];
             valj = valj[ subkey[si] ];
           }
         } else {
           if((!subkey && subkey !== ) || subkey == '' && object.sort) {
             var vali = object[i];
             var valj = object[j];
           } else {
             var vali = object[i][subkey];
             var valj = object[j][subkey];
           }
         }
         if(desc) {
           if(valj > vali) {
             var tmp = object[i];
             object[i] = object[j];
             object[j] = tmp;
           }
         } else {
           if(valj < vali) {
             var tmp = object[i];
             object[i] = object[j];
             object[j] = tmp;
           }
         }
       } else {
         //对象排序
         var obi = object[ keys[i] ];
         var obj = object[ keys[j] ];
         if(Object.prototype.toString.call(subkey) === '[object Array]') {
           var vali = obi;
           var valj = obj;
           for(var si=; si<subkey.length; si++) {
             vali = vali[ subkey[si] ];
             valj = valj[ subkey[si] ];
           }
         } else {
           if((!subkey && subkey !== ) || subkey == '' && object.sort) {
             var vali = obi;
             var valj = obj;
           } else {
             var vali = obi[subkey];
             var valj = obj[subkey];
           }
         }
         if(desc) {
           if(valj > vali) {
             var tmp = keys[i];
             keys[i] = keys[j];
             keys[j] = tmp;
           }
         } else {
           if(valj < vali) {
             var tmp = keys[i];
             keys[i] = keys[j];
             keys[j] = tmp;
           }
         }
       }//is!array
     }
   }
   if(is_array) {
     return object;
   } else {
     var sorted = {};
     for(var i=; i<keys.length; i++) {
       sorted[ keys[i] ] = object[ keys[i] ];
     }
     return sorted;
   }
 } //sort_object

用法如下:

用法1: 

var data = {
   "a": {
     "session_offline": ,
     "session_online": ,
     "session_count": 
   },
   "b": {
     "session_offline": ,
     "session_online": ,
     "session_count": 
   },
   "c": {
     "session_offline": ,
     "session_online": ,
     "session_count": 
   },
   "d": {
     "session_offline": ,
     "session_online": ,
     "session_count": 
   }
 };
 //根据session_online字段升序排序
 data = sort_object(data, 'session_online');
 for(var k in data) {
   console.log(data[k]);
 }
 console.log('------------------');
 //根据session_offline字段降序排序
 data = sort_object(data, 'session_offline', true);
 for(var k in data) {
   console.log(data[k]);
 }

 用法2:

var data = [
   {
     "cpu": ,
     "cpuhz": ,
     "cpuhz_use": ,
   },
   {
     "cpu": ,
     "cpuhz": ,
     "cpuhz_use": ,
   },
   {
     "cpu": ,
     "cpuhz": ,
     "cpuhz_use": ,
   },
   {
     "cpu": ,
     "cpuhz": ,
     "cpuhz_use": ,
   }
 ];
 //根据cpuhz_use字段进行排序
 data = sort_object(data, 'cpuhz_use');
 console.log(data);

 用法3:

var data = [,,,,,,,];
 //对一维数组进行升序排序
 data = sort_object(data);
 console.log(data);
 //对一维数组进行降序排序
 data = sort_object(data, null, true);
 console.log(data);

 用法4:

var data = {'a':, 'b':, 'c':, 'd':};
 //对对象进行升序排序
 data = sort_object(data);
 //对对象进行降序排序
 data = sort_object(data, '', true);
 for(var k in data) {
   console.log(k, ':', data[k]);
 }

 用法5:

var data = {
   "l_": {
     "l": {
       "l": 
     }
   },
   "l_": {
     "l": {
       "l": 
     }
   },
   "l_": {
     "l": {
       "l": 
     }
   },
   "l_": {
     "l": {
       "l": 
     }
   }
 };
 //对对象元素的l下的l的值为基础进行升序排序
 data = sort_object(data, ['l', 'l']);
 for(var k in data) {
   console.log(data[k].l);
 }

 用法6:

var data = [
   [
     {
       "a": 
     },
     ,
   ],
   [
     {
       "a": 
     },
     ,
   ],
   [
     {
       "a": 
     },
     ,
   ]
 ];
 //对数组的元素以下标为的元素的键名为a的值为基础进行升序排序
 data = sort_object(data, [,'a']);
 for(var k = ; k<data.length; k++) {
   console.log(data[k]);
 }
 console.log('---------------------');
 //对数组的元素以下标为的元素的值为基础进行升序排序
 data = sort_object(data, []); // 等价于 data = sort_object(data, );
 for(var k = ; k<data.length; k++) {
   console.log(data[k]);
 }

以上内容是小编给大家分享的JavaScript对象数组排序函数及六个用法的全部叙述,希望大家喜欢。

Javascript 相关文章推荐
js 浮动层菜单收藏
Jan 16 Javascript
JQuery 选项卡效果(JS与HTML的分离)
Apr 01 Javascript
jquery 圆形旋转图片滚动切换效果
Jan 19 Javascript
js实现运动logo图片效果及运动元素对象sportBox使用方法
Dec 25 Javascript
单击复制文字兼容各浏览器的完美解决方案
Jul 04 Javascript
JQuery异步加载无限下拉框级联功能实现示例
Feb 19 Javascript
微信小程序实现tab页面切换功能
Jul 13 Javascript
世界上最短的数字判断js代码
Sep 09 Javascript
解决 window.onload 被覆盖的问题方法
Jan 14 Javascript
antd中table展开行默认展示,且不需要前边的加号操作
Nov 02 Javascript
关于JavaScript轮播图的实现
Nov 20 Javascript
vue+iview实现手机号分段输入框
Mar 25 Vue.js
JavaScript中的函数(二)
Dec 23 #Javascript
分享JavaScript与Java中MD5使用两个例子
Dec 23 #Javascript
js实现正则匹配中文标点符号的方法
Dec 23 #Javascript
jquery实现点击其他区域时隐藏下拉div和遮罩层的方法
Dec 23 #Javascript
node.js入门实例helloworld详解
Dec 23 #Javascript
基于JavaScript代码实现pc与手机之间的跳转
Dec 23 #Javascript
AngularJS 日期格式化详解
Dec 23 #Javascript
You might like
正义联盟的终局之战《天启星战争》将成为DC动画宇宙的最后一部
2020/04/09 欧美动漫
php mssql 数据库分页SQL语句
2008/12/16 PHP
php实现utf-8转unicode函数分享
2015/01/06 PHP
WordPress开发中用于获取近期文章的PHP函数使用解析
2016/01/05 PHP
php 解决substr()截取中文字符乱码问题
2016/07/18 PHP
jquery checkbox全选、取消全选实现代码
2010/03/05 Javascript
JS 非图片动态loading效果实现代码
2010/04/09 Javascript
js客户端快捷键管理类的较完整实现和应用
2010/06/08 Javascript
父页面显示遮罩层弹出半透明状态的dialog
2014/03/04 Javascript
nodejs npm package.json中文文档
2014/09/04 NodeJs
JS简单模拟触发按钮点击功能的方法
2015/11/30 Javascript
JavaScript的Backbone.js框架环境搭建及Hellow world示例
2016/05/07 Javascript
Ztree新增角色和编辑角色回显问题的解决
2016/10/25 Javascript
微信小程序 地图map详解及简单实例
2017/01/10 Javascript
jQuery获取table下某一行某一列的值实现代码
2017/04/07 jQuery
微信、QQ、微博、Safari中使用js唤起App
2018/01/24 Javascript
Vue底层实现原理总结
2018/02/17 Javascript
JS匿名函数和匿名自执行函数概念与用法分析
2018/03/16 Javascript
深入理解nodejs搭建静态服务器(实现命令行)
2019/02/05 NodeJs
JS使用H5实现图片预览功能
2019/09/30 Javascript
Vant 在vue-cli 4.x中按需加载操作
2020/11/05 Javascript
使用Py2Exe for Python3创建自己的exe程序示例
2018/10/31 Python
利用python GDAL库读写geotiff格式的遥感影像方法
2018/11/29 Python
python三引号输出方法
2019/02/27 Python
html5 localStorage本地存储_动力节点Java学院整理
2017/07/06 HTML / CSS
欧舒丹澳洲版:L’OCCITANE
2017/07/17 全球购物
美国值得信赖的婚恋交友网站:eHarmony
2018/10/04 全球购物
捷克购买家具网站:JENA nábytek
2020/03/19 全球购物
加拿大拼图大师:Puzzle Master
2020/12/28 全球购物
项目经理聘任书
2014/03/29 职场文书
环保倡议书
2014/04/14 职场文书
大专应届毕业生求职信
2014/07/15 职场文书
2019年教师节:送给所有老师的祝福语
2019/09/05 职场文书
CSS3 制作的书本翻页特效
2021/04/13 HTML / CSS
python flask开发的简单基金查询工具
2021/06/02 Python
vue中div禁止点击事件的实现
2022/04/02 Vue.js