原文链接:https://blog.csdn.net/qq_37936542/article/details/78979521
js原生的 sort() 排序函数使用起来很方便
语法:arrayObject.sort(fun) 数组对象.sort(排序函数)
如果调用该方法时没有使用参数,将按照字符编码的顺序进行排序。也可以提供一个比较函数
作为参数,实现大小的排序。
例一:对数值型元素的数组进行大小排序
- //定义一个比较函数
- //升序排序
- function NumAscSort(a,b)
- {
- return a - b;
- }
- //降序排序
- function NumDescSort(a,b)
- {
- return b - a;
- }
- //定义数组
- var arr = new Array( 10, 30, 15, 45, 8);
- //对数组进行升序排序
- arr.sort(NumAscSort);
- alert(arr);
- //对数组进行降序排序
- arr.sort(NumDescSort);
- alert(arr);
例二:对字符串类型元素数组进行排序
- //当调用sort函数没有给予参数时,默认根据字符编码的顺序进行排序
- var arr = ["Apple", "Banana", "Orange"];
- arr.sort();
- alert(arr);
例三:对象数组排序
- //定义compare函数,参数name是对象的某一个属性,比如age、salary
- //返回一个可以用来对包含该成员的对象数组进行排序的比较函数
- var compare = function(name){
- return function(o, p){
- var a, b;
- if (typeof o === "object" && typeof p === "object" && o && p) {
- a = o[name];
- b = p[name];
- if (a === b) {
- return 0;
- }
- if (typeof a === typeof b) {
- return a < b ? -1 : 1;
- }
- return typeof a < typeof b ? -1 : 1;
- }
- else {
- throw ("error");
- }
- }
- }
- //定义员工对象数组
- var emp=[];
- emp[0]={name:"xiaoming", age:32, salary:11000};
- emp[1]={name:"xiaohong", age:17, salary:23000};
- emp[2]={name:"dahuang", age:58, salary:9000};
- emp[3]={name:"dajiji", age:62, salary:15000};
- <span style="white-space:pre"> </span>
- <span style="white-space:pre"> </span>
- //排序
- emp.sort(compare("age"));
- <span style="white-space:pre"> </span>
- for(var i = 0;i<emp.length; i++){
- alert(emp[i].age)
- }
例四:根据多个属性对 ‘对象数组’ 进行排序
- //定义compare函数,name是对象的某一个属性,fun是一个比较函数
- var compare = function(name,fun){
- return function(o,p){
- var a,b;
- if(o && p && typeof o === 'object' && typeof p ==='object'){
- a = o[name];
- b = p[name];
- //当o[name] 和 p[name] 相等时,利用fun函数根据另一个属性来进行比较
- if(a === b){
- return typeof minor === 'function' ? fun(o,p):0;
- }
- if(typeof a === typeof b){
- return a < b ? -1:1;
- }
- return typeof a < typeof b ? -1 : 1;
- }else{
- thro("error");
- }
- }
- }
- //定义员工对象数组
- var emp=[];
- emp[0]={name:"xiaoming", age:32, salary:11000};
- emp[1]={name:"xiaohong", age:62, salary:23000};
- emp[2]={name:"dahuang", age:58, salary:9000};
- emp[3]={name:"dajiji", age:62, salary:15000};
- //先根据age排序,age相等时,根据工资排序
- emp.sort(compare('age',compare('salary')));
- <span style="white-space:pre"> </span>
- for(var i = 0;i<emp.length; i++){
- <span style="white-space:pre"> </span>alert(emp[i].name)
- }
文末福利:
福利一:前端,Java,产品经理,微信小程序,Python等10G资源合集大放送:https://www.jianshu.com/p/e8197d4d9880
福利二:微信小程序入门与实战全套详细视频教程
【领取方法】
关注 【编程微刊】微信公众号:
回复【小程序demo】一键领取130个微信小程序源码demo资源。
回复【领取资源】一键领取前端,Java,产品经理,微信小程序,Python等资源合集10G资源大放送。
原文作者:祈澈姑娘
原文链接:https://www.jianshu.com/u/05f416aefbe1
创作不易,转载请告知
90后前端妹子,爱编程,爱运营,爱折腾。
坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。