如何优化重复的JavaScript排序代码？-js教程-PHP中文网

如何优化重复的JavaScript排序代码？

心靈之曲

发布： 2025-03-14 09:46:11

原创

573人浏览过

如何优化重复的javascript排序代码？

提升JavaScript排序代码效率：告别冗余

本文将演示如何优化一段冗余的JavaScript排序代码。原始代码使用四个独立函数分别基于pinyin、suffix、bytes和timestamp.mtime属性对数据进行排序，代码结构高度相似，存在大量重复。

原始代码（冗余）：

// ... (省略重复的四个排序函数) ...

登录后复制

原始代码的主要问题是重复代码和缺乏灵活性（例如a.pinyin[0]的写法）。为了解决这个问题，我们构建了一个通用的排序函数，该函数接收属性名称和排序方向作为参数。

优化后的代码：

汕头吧网上商城系统

特点与优点:1.界面布局合理美观,浏览方便,更具商城站点的风格；2.前后台功能强大好用,如三级分类、竞拍、排行榜、特价、促销、积分等；3.更具人性化,如定单反馈、会员与VIP分别显示不同的售价等；4.优化程序代码,执行速度快速;5.不错的短信联络管理员以及留言本的悄悄话功能等。功能介绍：商品的添加、修改、删除。管理商品的订单及修改订单状态和网友对商品的评论。管理网站前台用户，可进行修改、删除操作

查看详情

立即学习“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排序代码？的详细内容，更多请关注php中文网其它相关文章！