多重排序 js「建议收藏」

2022-11-17 13:14:43 浏览数 (1)

大家好,又见面了,我是你们的朋友全栈君。

如何做到多重排序

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

代码语言:javascript复制
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相同时,数量多的在前列

武器->饰物 type

品质 从高到低排序 quality

等级从高到低 level

装备id从大到小排序

id相同数量多的在前列 num

现在我们写一个排序

代码语言:javascript复制
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

代码语言:javascript复制
    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.cn/230904.html原文链接:https://javaforall.cn

0 人点赞