[JS深入学习]——数组对象排序
(转)
JavaScript实现多维数组、对象数组排序,其实用的就是原生的sort()方法,用于对数组的元素进行排序。
sort() 方法用于对数组的元素进行排序。语法如下:
arrayObject.sort(sortby)
返回值为对数组的引用。请注意,数组在原数组上进行排序,不生成副本。
如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。
如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下:
若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。
若 a 等于 b,则返回 0。
若 a 大于 b,则返回一个大于 0 的值。
| 1 2 3 4 5 6 7 8 9 10 11 12 13 | functionNumAscSort(a,b){ returna - b;}functionNumDescSort(a,b){ returnb - a;}vararr = newArray( 3600, 5010, 10100, 801); arr.sort(NumDescSort);alert(arr);arr.sort(NumAscSort);alert(arr); | 
sort(fun)接受了个排序规则函数,这个函数将比较2个数字的大小。而我们的对象数组排序,实际上原理也是一样的。
如果不比较数字的大小,则可以这样:
| 1 2 | varmyarray=["Apple", "Banana", "Orange"]myarray.sort() | 
数组直接调用sort()后,数组按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。
对于对象数组排序,我们先写一个构造比较函数的函数:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | //by函数接受一个成员名字符串做为参数//并返回一个可以用来对包含该成员的对象数组进行排序的比较函数varby = function(name){ returnfunction(o, p){   vara, b;   if(typeofo === "object"&& typeofp === "object"&& o && p) {     a = o[name];     b = p[name];     if(a === b) {       return0;     }     if(typeofa === typeofb) {       returna < b ? -1 : 1;     }     returntypeofa < typeofb ? -1 : 1;   }   else{     throw("error");   } }} | 
要排序的数组:
| 1 2 3 4 5 | varemployees=[]employees[0]={name:"George", age:32, retiredate:"March 12, 2014"}employees[1]={name:"Edward", age:17, retiredate:"June 2, 2023"}employees[2]={name:"Christine", age:58, retiredate:"December 20, 2036"}employees[3]={name:"Sarah", age:62, retiredate:"April 30, 2020"} | 
直接调用函数:
| 1 | employees.sort(by("age")); | 
到这里,对象数组排序就算基本实现了。那如何实现多个键值排序呢?意思就是先是对age排序,如果age相同,再比较name。
这时,我们可以进一步修改by函数,让其可以接受第二个参数,当主要的键值产生一个匹配的时候,另一个compare方法将被调用以决出高下。
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | //by函数接受一个成员名字符串和一个可选的次要比较函数做为参数//并返回一个可以用来包含该成员的对象数组进行排序的比较函数//当o[age] 和 p[age] 相等时,次要比较函数被用来决出高下varby = function(name,minor){ returnfunction(o,p){   vara,b;   if(o && p && typeofo === 'object'&& typeofp ==='object'){     a = o[name];     b = p[name];     if(a === b){       returntypeofminor === 'function'? minor(o,p):0;     }     if(typeofa === typeofb){       returna < b ? -1:1;     }     returntypeofa < typeofb ? -1 : 1;   }else{     thro("error");   } }}employees.sort(by('age',by('name'))); | 
好了,现在可以放心使用了。如果看不懂,可直接copy 这个by函数到你的应用里面,直接调用即可。
[JS深入学习]——数组对象排序的更多相关文章
- js中的数组对象排序(方法sort()详细介绍)
		定义和用法 sort() 方法用于对数组的元素进行排序. 语法 arrayObject.sort(sortby) 参数sortby:可选.规定排序顺序.必须是函数. 返回值 对数组的引用.请注意 ... 
- js中的数组对象排序
		一.普通数组排序 js中用方法sort()为数组排序.sort()方法有一个可选参数,是用来确定元素顺序的函数.如果这个参数被省略,那么数组中的元素将按照ASCII字符顺序进行排序.如: var ar ... 
- Js 数组对象排序
		1.定义函数 /** * 数组对象排序函数 * @param {any} name 排序字段 * @param {any} order 升.降(这里事true.false记得处理下) */ var b ... 
- javascript数组对象排序
		javascript数组对象排序 JavaScript数组内置排序函数 javascript内置的sort函数是多种排序算法的集合 JavaScript实现多维数组.对象数组排序,其实用的就是原生的s ... 
- js变量作为数组对象的键值方法
		js变量作为数组对象的键值方法,变量键值获取数组值 js也可以像php的数组一样用下标获取数组的值,方法是: var arr = {'key':'abc'}; var key = 'key'; con ... 
- js数组对象排序详解
		一.js对象遍历输出的时候真的是按照顺序输出吗? 下边就来实践一下: var obj={'3':'ccc',name:'abc',age:23,school:'sdfds',class:'dfd',h ... 
- 浅谈js的类数组对象arguments
		类数组对象:arguments总所周知,js是一门相当灵活的语言.当我们在js中在调用一个函数的时候,我们经常会给这个函数传递一些参数,js把传入到这个函数的全部参数存储在一个叫做arguments的 ... 
- Array.prototype.sort()对数组对象排序的方法
		Array.prototype.sort()方法接受一个参数——Function,Function会提供两个参数,分别是两个进行比较的元素,如果元素是String类型则通过Unicode code进行 ... 
- js中的数组对象中的方法解析
		concat()方法: 合并两个数组,返回新对象的结果: join()方法 : 把数组内的所有元素加入到一个字符串中,传入的分隔符就是指定的分隔符 pop()方法: 删除数组并返回数组的最后一个元 ... 
随机推荐
- msys2 设置home路径为windows用户路径
			1配置/etc/nsswitch.conf db_home: windows 2(可不配)增加windows环境变量HOME为%USERPROFILE% 3(可不配)ssh默认仍使用msys中的hom ... 
- HBase Filter程序样例及Shell(图)
			==过滤器执行流程== reset() : reset the filter state before filtering a new row. filterAllRemaining(): true ... 
- Hibernate不能实时获取MySQL数据库的更新
			在hibernate.cfg.xml配置文件中,增加以下内容: <property name="hibernate.connection.provider_class"> ... 
- db2中如何获取当前日期前一周的日期
			SELECT CURRENT_DATE - (DAYOFWEEK(CURRENT_DATE) - 2 + (ROW_NUMBER() OVER (ORDER BY 1) ) ) DAY AS resu ... 
- 树结构(三)----平衡二叉树(AVL树)
			将二叉排序树的的缺点优化,继承二叉排序的树的优化 左子树和右子树的高度差的绝对值不超过1 
- 2018.09.09 poj2949Word Rings(01分数规划+spfa判环)
			传送门 这题要先巧妙的转化一下. 对于每个字符串,我们把头尾的两个小字符串对应的点连边,边权是这个字符串的长度. 这样最多会出现26*26个点. 这个时候就只用求出边权和跟边数的最大比值了. 这个显然 ... 
- ThinkPHP5 union分页
			直接贴代码,记录一下,备用 $a = Db::name(表名)->field(字段)->where(条件)->buildSql(); $b = Db::name(表名)->fi ... 
- Java static说明
			class Person{ String name;//成员变量,实例变量 static String country = "CN";//静态变量.类变量 public void ... 
- Object-C中 - self 和super 的含义
			//super:父类 //self:自己 //自己理解 //以MobilePhone为例,父类为NSObject //在类方法 ... 
- codeforces 678C. Joty and Chocolate(容斥)                                                                                            2016-10-15 21:49             122人阅读              评论(0)              收藏
			C. Joty and Chocolate time limit per test 1 second memory limit per test 256 megabytes input standar ... 
