本文详解如何在 javascript 中对含嵌套结构的异构数据（如课程、章节、课时）进行多条件排序，通过自定义比较函数实现类型优先级（course → chapter → lesson）与多层 sequence 字段的联合排序。
本文详解如何在 javascript 中对含嵌套结构的异构数据（如课程、章节、课时）进行多条件排序，通过自定义比较函数实现类型优先级（course → chapter → lesson）与多层 sequence 字段的联合排序。
在构建教育类平台或内容管理系统时，常需对混合类型的数据（如课程、章节、课时）进行统一排序，且排序逻辑并非简单按单一字段升序，而是遵循层级优先级 + 序号稳定性的复合规则：
- 首要维度：type 的语义层级（course > chapter > lesson）；
- 次要维度：同类型下，优先比对其所属上级的 sequence（如章节需比其 course.sequence），再比自身 sequence；
- 本质是多级依赖排序——排序依据不仅来自当前对象，还来自其关联的嵌套对象（如 course、chapter）。
直接拆分数组再合并虽可行，但破坏数据完整性、增加内存开销、难以维护。更优雅的方式是编写一个健壮、可读、可扩展的 sort() 比较函数，利用 JavaScript 的短路逻辑（||）逐级判定优先级。
以下为推荐实现方案：
const data = [
{ "id": "course1", "type": "course", "sequence": 1 },
{ "id": "course2", "type": "course", "sequence": 2 },
{ "id": "course1_chapter1", "type": "chapter", "sequence": 1, "course": { "id": "course1", "sequence": 1 } },
{ "id": "course1_chapter2", "type": "chapter", "sequence": 2, "course": { "id": "course1", "sequence": 1 } },
{ "id": "course2_chapter1", "type": "chapter", "sequence": 1, "course": { "id": "course1", "sequence": 2 } },
{ "id": "course1_chapter1_lesson1", "type": "lesson", "sequence": 1, "course": { "id": "course1", "sequence": 1 }, "chapter": { "id": "chapter1", "sequence": 1 } },
{ "id": "course1_chapter1_lesson2", "type": "lesson", "sequence": 2, "course": { "id": "course1", "sequence": 1 }, "chapter": { "id": "chapter1", "sequence": 1 } },
{ "id": "course1_chapter2_lesson1", "type": "lesson", "sequence": 1, "course": { "id": "course1", "sequence": 1 }, "chapter": { "id": "chapter1", "sequence": 2 } }
];
// 核心排序逻辑：多级优先级 + 安全访问嵌套字段
data.sort((a, b) => {
// Step 1: 按 type 层级排序（course → chapter → lesson）
const typeOrder = { course: 0, chapter: 1, lesson: 2 };
const typeDiff = typeOrder[a.type] - typeOrder[b.type];
if (typeDiff !== 0) return typeDiff;
// Step 2: 同 type 下，按依赖层级深度降序（越顶层越靠前）→ 利用存在性判断
// 例如：course 无 course 字段 → !a.course === true → 值为 1；chapter 有 course → !b.course === false → 值为 0
// 所以 !b.course - !a.course = 0 - 1 = -1 → a 排在 b 前 → 符合 course 优先于 chapter 的预期
const depthDiff = (!b.course) - (!a.course) || (!b.chapter) - (!a.chapter);
if (depthDiff !== 0) return depthDiff;
// Step 3: 同层级下，优先比上级 sequence（course.sequence → chapter.sequence），再比自身 sequence
return (
(a.course?.sequence ?? Infinity) - (b.course?.sequence ?? Infinity) ||
(a.chapter?.sequence ?? Infinity) - (b.chapter?.sequence ?? Infinity) ||
a.sequence - b.sequence
);
});
console.log(data.map(item => item.id));
// 输出：["course1", "course2", "course1_chapter1", "course1_chapter2",
// "course2_chapter1", "course1_chapter1_lesson1",
// "course1_chapter1_lesson2", "course1_chapter2_lesson1"]✅ 关键设计说明：
立即学习“Java免费学习笔记（深入）”；
- 类型映射表（typeOrder）替代硬编码数值，提升可读性与可维护性；
- 安全链式访问（?.）配合空值合并（?? Infinity）避免 undefined 参与计算导致 NaN；
- 深度判定逻辑基于 !field 的布尔转数字特性（true → 1, false → 0），巧妙实现“有父级者后置”，天然契合层级排序需求；
- 所有比较项使用 || 短路，确保前一条件不满足时才进入下一条件，逻辑清晰、性能高效。
⚠️ 注意事项：
- Array.prototype.sort() 是原地排序，若需保留原始数组，请先调用 slice() 或 [...arr] 浅拷贝；
- 若数据中存在 type 值不在预设映射中（如 "quiz"），建议添加默认值（如 typeOrder[a.type] ?? 99）防止 undefined - undefined；
- 对超大数据集（>10k 条），可考虑预计算排序键（如生成 sortKey: "001-001-001" 字符串）提升性能，但本例中函数式写法已足够高效。
掌握这种多级依赖排序模式，不仅能解决课程体系排序问题，还可迁移到菜单树、文档大纲、任务依赖图等各类具有层级语义的数据场景中——核心思想始终如一：将业务优先级转化为可比较的数值序列，并通过短路逻辑逐级求解。
