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排序函数，有效解决了原始代码的冗余问题。
