如何实现普通数组与对象数组的权限匹配判断？

问题场景 #

现有两组权限数据：

const neededPermissions = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
const permissions = [
  {permissionType: 1, teamId: 1},
  {permissionType: 4, teamId: 1},
  {permissionType: 7, teamId: 1},
  {permissionType: 8, teamId: 1},
  {permissionType: 10, teamId: 1}
];

规则：仅当用户的permissions包含neededPermissions中的全部权限时，才可访问目标路由。

解决方案 #

核心思路是先将对象数组中的权限类型提取为普通数组，再通过数组方法完成全包含校验：

1. 提取权限类型到普通数组
   从对象数组中取出所有permissionType值，生成纯权限值的数组：

const userPermissionValues = permissions.map(permObj => permObj.permissionType);
// 此时userPermissionValues = [1,4,7,8,10]

2. 校验全包含关系
   使用数组every()方法，检查neededPermissions的每一项是否都存在于提取后的权限数组中：

const canAccessRoute = neededPermissions.every(requiredPerm => userPermissionValues.includes(requiredPerm));

• every()会遍历neededPermissions的所有元素，仅当所有元素都满足includes()的存在条件时，才返回true
• 示例中canAccessRoute会返回false，因为用户缺少2、3、5、6、9、11这些权限

完整示例代码 #

const neededPermissions = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
const permissions = [
  {permissionType: 1, teamId: 1},
  {permissionType: 4, teamId: 1},
  {permissionType: 7, teamId: 1},
  {permissionType: 8, teamId: 1},
  {permissionType: 10, teamId: 1}
];

// 提取权限类型
const userPermissionValues = permissions.map(permObj => permObj.permissionType);
// 校验权限
const canAccessRoute = neededPermissions.every(requiredPerm => userPermissionValues.includes(requiredPerm));

console.log(canAccessRoute); // 输出: false

内容的提问来源于stack exchange，提问作者Mr. A