JavaScript排序代码优化：告别冗余，拥抱通用
本文将演示如何优化一段冗余的JavaScript排序代码。原始代码使用多个函数分别对不同属性进行排序，不够简洁且缺乏灵活性。我们将重构代码，创建一个更通用、更易维护的排序函数。
原始代码问题：
原始代码存在大量重复，每个排序函数几乎相同，只是排序属性不同。 此外，直接访问属性（例如a.pinyin[0]）限制了灵活性，难以处理复杂的属性嵌套。
优化方案：
立即学习“Java免费学习笔记（深入）”；
我们创建一个通用的排序函数，该函数接收属性名称和排序方向作为参数，从而实现代码复用和灵活性提升。
优化后的代码：
const sortData = (curr_data, prop, is_desc) => { const direction = is_desc ? -1 : 1; // 简化升序/降序逻辑 return curr_data.children.sort((a, b) => { const aValue = prop.split('.').reduce((o, k) => o[k], a); // 使用reduce处理嵌套属性 const bValue = prop.split('.').reduce((o, k) => o[k], b); return direction * (aValue > bValue ? 1 : (aValue < bValue ? -1 : 0)); // 简洁的比较逻辑 }); }; // 使用示例： sortData(curr_data, 'pinyin', false); // 升序排序 pinyin 属性 sortData(curr_data, 'suffix', true); // 降序排序 suffix 属性 sortData(curr_data, 'bytes', false); // 升序排序 bytes 属性 sortData(curr_data, 'timestamp.mtime', true); // 降序排序 timestamp.mtime 属性
优化说明：
- sortData 函数接收三个参数：curr_data (数据)、prop (排序属性)、is_desc (排序方向)。
- direction 变量简化了升序/降序的逻辑。
- prop.split(‘.’).reduce 方法优雅地处理了属性嵌套，例如 timestamp.mtime。
- 代码更简洁，易于理解和维护，避免了重复代码。
通过这个优化，我们得到了一个更通用、更灵活、更易维护的JavaScript排序函数，有效解决了原始代码的冗余问题。
© 版权声明
文章版权归作者所有，未经允许请勿转载。
THE END
