JavaScript中filter本身不直接去重，但可结合findIndex、Set等实现路由去重：按path去重保留首个；按path+name联合去重更严谨；reduce更易扩展且可控；需注意路径标准化、动态参数和嵌套路由等边界情况。
在 JavaScript 中，filter 本身不直接去重，但可以结合 findIndex、indexOf 或 Set 等方法实现“过滤掉重复的路由配置项”。关键在于定义什么是“重复”——通常指 path 相同（或 path + name 组合唯一）的路由对象。
按 path 去重（保留第一个出现的）
适用于简单场景：相同路径只留一个，以数组顺序为准。
✅ 推荐写法（使用 filter + findIndex）：
const routes = [
{ path: '/home', component: 'Home' },
{ path: '/about', component: 'About' },
{ path: '/home', component: 'Home2' }, // 重复 path
{ path: '/contact', component: 'Contact' }
];
const uniqueRoutes = routes.filter((route, index) =>
routes.findIndex(item => item.path === route.path) === index
);
// 结果：保留第一个 /home，去掉第二个
按 path + name 联合去重
更严谨的路由去重（尤其 Vue Router 中 name 也需唯一）：
立即学习“Java免费学习笔记（深入）”；
Java注释规范Skills
下载
当用户要求为 Java 代码添加注释、修改注释、审查注释、整理注释格式，或要求按照代码注释规范处理 Java 文件时，使用本技能。本技能用于统一生成和维护 Java 类注释模板、按 Git 对比 release 判断版本号、补充每行代码上方中文块注释、调整注释空行规则，并保持 Java 文件 UTF-8 无 BOM 编码。典型触发场景包括：补充类注释、更新 @version、检查 @author 来源、整理行尾注释、把注释放到代码上一行、检查注释是否符合规范、构建前检查 Java 注释风格。
- 把
path和name拼成唯一 key，例如`${route.path}|${route.name}` - 用
filter配合临时 Set 记录已见过的 key
✅ 写法示例：
const seenKeys = new Set();
const uniqueRoutes = routes.filter(route => {
const key = `${route.path}|${route.name || ''}`;
if (seenKeys.has(key)) return false;
seenKeys.add(key);
return true;
});
用 reduce 替代 filter（更易读、更可控）
虽然问题问的是 filter，但实际项目中 reduce 更适合去重逻辑：
const uniqueRoutes = routes.reduce((acc, current) => {
const exists = acc.some(route => route.path === current.path);
return exists ? acc : [...acc, current];
}, []);
✅ 优点：逻辑清晰，可轻松扩展判断条件（比如忽略 trailing slash、区分大小写等）。
注意边界情况
真实路由配置中要注意：
-
路径标准化：'/user/' 和 '/user' 是否算重复？建议先用
path.replace(/\/+$/, '')统一处理尾部斜杠 - 动态路由参数：'/user/:id' 和 '/user/:uid' 是不同配置，但若只比字符串会误判 → 应基于业务规则决定是否归一化
-
嵌套路由：子路由（
children）需递归去重，不能只处理顶层
不复杂但容易忽略。
