提升JavaScript排序代码效率：告别冗余
本文将演示如何优化一段冗余的JavaScript排序代码。原始代码使用四个独立函数分别基于pinyin、suffix、bytes和timestamp.mtime属性对数据进行排序，代码结构高度相似，存在大量重复。
原始代码（冗余）：
// ... (省略重复的四个排序函数) ...
原始代码的主要问题是重复代码和缺乏灵活性（例如a.pinyin[0]的写法）。为了解决这个问题，我们构建了一个通用的排序函数，该函数接收属性名称和排序方向作为参数。
优化后的代码：
立即学习“Java免费学习笔记（深入）”；
const sortFun = { // 通用排序方法 sortData: function(curr_data, prop, is_desc) { const direction = is_desc ? 1 : -1; return curr_data.children.sort((a, b) => { const aValue = prop.split('.').reduce((o, i) => o[i], a); const bValue = prop.split('.').reduce((o, i) => o[i], b); return (aValue > bValue ? 1 : (aValue < bValue ? -1 : 0)) * direction; }); },};// 使用示例：sortFun.sortData(curr_data, 'pinyin', false); // 升序排序 pinyin 属性sortFun.sortData(curr_data, 'suffix', true); // 降序排序 suffix 属性sortFun.sortData(curr_data, 'bytes', false); // 升序排序 bytes 属性sortFun.sortData(curr_data, 'timestamp.mtime', true); // 降序排序 timestamp.mtime 属性
优化后的代码通过prop参数指定排序属性，is_desc参数指定排序方向，并利用reduce方法优雅地处理嵌套属性（如timestamp.mtime）。这使得代码更加简洁、可维护和易于扩展，显著提高了代码的可读性和效率。 改进后的比较逻辑也更加清晰和健壮。
以上就是如何优化重复的JavaScript排序代码？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1503416.html
微信扫一扫 
支付宝扫一扫 
