本文介绍如何使用 JavaScript 的 Array.sort() 配合自定义比较函数，依据参考顺序数组（如 ['blue', 'yellow', 'red', 'orange']）对二维数组（如 [ ['red', [...]], ['blue', [...]] ]）按首元素精准重排。
本文介绍如何使用 javascript 的 `array.sort()` 配合自定义比较函数，依据参考顺序数组（如 `['blue', 'yellow', 'red', 'orange']`）对二维数组（如 `[ ['red', [...]], ['blue', [...]] ]`）按首元素精准重排。
在实际开发中，尤其是处理由 Lodash groupBy 生成的键值结构化数据时，常需将分组结果按业务预设顺序排列——而非默认的插入顺序或字典序。此时，直接使用 sort() 并传入基于参考数组索引的比较逻辑，是最简洁、高效且可读性强的解决方案。
核心思路是：利用 order.indexOf(item[0]) 获取每个子数组首项在目标顺序中的位置，再通过 indexA - indexB 构建升序比较关系。该差值天然满足 sort() 所需的比较函数规范（负数表示 a 应在 b 前，0 表示相等，正数表示 a 应在 b 后）。
以下是完整实现：
function sortArrayBasedOnAnother(dataset, order) {
return dataset.sort((a, b) => {
const indexA = order.indexOf(a[0]);
const indexB = order.indexOf(b[0]);
return indexA - indexB;
});
}✅ 使用示例：
const dataset = [
['red', [{ name: 'Apple car' }]],
['blue', [{ name: 'Toothpiece' }]],
['orange', [{ name: 'Sun' }]],
['yellow', [{ name: 'Cat' }]],
];
const order = ['blue', 'yellow', 'red', 'orange'];
const sortedDataset = sortArrayBasedOnAnother(dataset, order);
console.log(sortedDataset);
// 输出顺序严格匹配 order：blue → yellow → red → orange⚠️ 注意事项：
- indexOf() 对未在 order 中出现的 a[0] 或 b[0] 将返回 -1，可能导致意外排序（如所有未知项被排在最前）。若需健壮性，建议增强逻辑：
const indexA = order.indexOf(a[0]) === -1 ? Infinity : order.indexOf(a[0]); const indexB = order.indexOf(b[0]) === -1 ? Infinity : order.indexOf(b[0]);
- 该方法原地排序（修改原数组）。如需保持原始 dataset 不变，调用前请先浅拷贝：[...dataset].sort(...) 或 dataset.slice().sort(...)。
- 时间复杂度为 O(n × m)，其中 n 是 dataset 长度，m 是 order 长度；若 order 较大，可预先构建 Map 提升至 O(n)：
const orderMap = new Map(order.map((item, idx) => [item, idx])); return dataset.sort((a, b) => (orderMap.get(a[0]) ?? Infinity) - (orderMap.get(b[0]) ?? Infinity));
掌握这一模式，即可灵活应对各类“按模板排序”的场景，兼顾语义清晰与工程实用性。
