多重排序 js「建议收藏」

多重排序 js「建议收藏」如何做到多重排序js有一个sort排序函数,使用array.sort(function)传入排序函数就可以很做到排序array.sort((a,b)=>{returna-b;})注意一点就是返回结果决定了a和b的位置,如果返回结果<0,那么a排在b的前面返回结果=0a和b的相对位置不变返回结果>0b排在a的前面现在让你对学生成绩单进行排序,先按照学号,从小到大…

如何做到多重排序

js有一个sort排序函数,使用array.sort(function)传入排序函数就可以很做到排序

array.sort((a,b)=>{ 
   
return a-b;
})

注意一点就是返回结果决定了a和b的位置,

  • 如果返回结果<0 ,那么a排在b的前面
  • 返回结果 = 0 a 和b的相对位置不变
  • 返回结果>0 b排在a的前面

游戏中的背包列表排序

对游戏中的背包来说,背包里有武器和饰物,先按照类型,(武器还是饰物),然后按照武器一类下按品质,然后按照等级,等级一样按照id,最后是按照数量进行排序
类型 =>品质 =>等级 =>id =>num
例如类型有两种 3是武器,4是饰物 武器在前,饰物在后
品质有5个等级 1到5,从高到低排序
id相同时,数量多的在前列

:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}

武器->饰物 type

品质 从高到低排序 quality

等级从高到低 level

装备id从大到小排序

id相同数量多的在前列 num

现在我们写一个排序


sortZhuangBei(a,b){ 
   
//先判断类型
	if(a.type ==b.type){ 
   
	//类型一样就继续判断品质是否相同
		if(a.quality==b.quality){ 
   
		//==同理 等级相同就继续判断id是否相同
			if(a.level ==b.level){ 
   
				//==同理 id相同就继续判断数量是否相同
				if(a.id ==b.id){ 
   
					return b.num-a.num;
				}else{ 
   
				return  a.id-b.id;
				}
			}
			else{ 
   
			return b.level -a.level;
			}
		
		}else{ 
   
		// 品质从高到低排序 a.quality= 4,b.quality=5 返回结果>0
		// 返回结果>0 b排在a的前面
		return b.quality -a.quality; 
		}
	}
	else{ 
   
	/*类型不一样就安照从小到大 如果返回结果<0 ,那么a排在b的前面, 如果a.type =3, b.type =4 返回值小于0 武器会排在饰物前面*/
	return a.type-b.type
	}
}

上面的写法,if else嵌套过深,需要优化一下,去除else

    sortByZhuangBei(a: any, b: any) { 
   
        if (a.type != b.type) return a.type - b.type;
        if (a.quality != b.quality) return b.quality - a.quality;
        if (a.level != b.level) return a.level - b.level;
        if (a.id !== b.id) return a.id - b.id;
        return b.num - a.num;
    }

比较时如果a.type!=b.type,那么意味着a.type ==b.type,
我们需要继续往下考虑第二个条件,quality是否相同,
如果a.quality!=b.quality,就意味着a.quality ==b.quality,
那么就要继续往下判断,直到最后一个条件a.id!==b.id,
那么就意味着a.id ===b.id就要对id进行排序
这样就去除多余的else,代码也很简洁

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/230904.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长

相关推荐

  • 利用charles抓包

    利用charles抓包charles是一款http抓包软件,和fiddler极为相似,所以大家就会问,为啥不用fiddler呢,因为mac没有fiddler。而且charles还是付费版本。所以我们这里从安装破解到抓包成功一步一步讲清楚。下载并安装我们进入charles官网进行下载:https://www.charlesproxy.com/latest-release/download.do,我是mac,所以选择其中的macOS下载dmg包之后我们正常的安装,安装完成打开,大概就是这样的模样破解我们打开激活码生成界

    2022年6月6日
  • Subversion安装成Windows服务

    Subversion安装成Windows服务

    2021年8月17日
  • KRACK官网翻译「建议收藏」

    KRACK官网翻译「建议收藏」KRACK官网翻译–密钥重装攻击

    2022年5月1日
  • ASP.NET Core 中文文档 第二章 指南(4.9)添加验证

    ASP.NET Core 中文文档 第二章 指南(4.9)添加验证

    2021年9月16日
  • NAT MASQUERADE

    NAT MASQUERADESNAT是sourcenetworkaddresstranslation的缩写即源地址目标转换比如,多个PC机使用ADSL路由器共享上网,每个PC机都配置了内网IP。PC机访问外部网络的时候,路由器将数据包的报头中的源地址替换成路由器的ip。当外部网络的服务器比如网站web服务器接到访问请求的时候,他的日志记录下来的是路由器的ip地址,而不是pc机的内网ip。这是因为,这个服务器收到的数…

    2022年6月29日
  • IE主页被https://hao.360.cn/?a1004劫持,如何解决

    IE主页被https://hao.360.cn/?a1004劫持,如何解决最近IE主页被https://hao.360.cn/?a1004劫持了,不管如何杀毒,更换主页地址,都是不行,包括306、火绒等工具,它就是那么的顽强,不让你更改。但是发现一个现象,那就是如果你在C:\ProgramFiles(x86)\InternetExplorer里找到iexplore.exe,直接打开,会跳转到自己设置的主页,如果你把ie“固定到开始屏幕”,然后在开始屏幕里打开,还是被劫持,那如何解决呢?解决方案:1、IE的主页里先设置自己需要的地址;2、卸载360安全卫士;

    2022年7月26日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号