Javascript 如何使用要在React表中显示的另一个数据数组按id或名称筛选数据数组？

我有一个

角色模板

数组，它为每个

角色

提供一个

名称

，以及一个

描述

。它还有一个嵌套对象，该对象具有由

id

标识的

权限数组

{
  "data": [
    {
      "id": "1",
      "type": "role-templates",
      "attributes": {
        "name": "Org Admin"
      },
      "relationships": {
        "permissions": {
          "data": [
            { "type": "permissions", "id": "1" },
            { "type": "permissions", "id": "2" },
            { "type": "permissions", "id": "3" },
            { "type": "permissions", "id": "4" },
            { "type": "permissions", "id": "5" },
            { "type": "permissions", "id": "6" },
            { "type": "permissions", "id": "7" },
            { "type": "permissions", "id": "8" },
            { "type": "permissions", "id": "9" },
            { "type": "permissions", "id": "10" },
            { "type": "permissions", "id": "11" },
            { "type": "permissions", "id": "12" },
            { "type": "permissions", "id": "13" },
            { "type": "permissions", "id": "14" },
            { "type": "permissions", "id": "15" },
            { "type": "permissions", "id": "17" },
            { "type": "permissions", "id": "18" },
            { "type": "permissions", "id": "19" },
            { "type": "permissions", "id": "20" },
            { "type": "permissions", "id": "21" },
            { "type": "permissions", "id": "23" },
            { "type": "permissions", "id": "24" }
          ]
        }
      }
    },
    {
      "id": "2",
      "type": "role-templates",
      "attributes": { "name": "Data Admin" },
      "relationships": {
        "permissions": {

          "data": [
            { "type": "permissions", "id": "1" },
            { "type": "permissions", "id": "2" },
            { "type": "permissions", "id": "3" },
            { "type": "permissions", "id": "4" },
            { "type": "permissions", "id": "5" },
            { "type": "permissions", "id": "6" }
          ]
        }
      }
    },
    {
      "id": "3",
      "type": "role-templates",
      "attributes": {
        "name": "Setup Admin"
      },
      "relationships": {        
        "permissions": {
          "data": [{ "type": "permissions", "id": "8" }]
        }
      }
    },
    {
      "id": "4",
      "type": "role-templates",
      "attributes": { "name": "Data Consumer"},
      "relationships": {
        "permissions": {
          "data": [
            { "type": "permissions", "id": "11" },
            { "type": "permissions", "id": "13" }
          ]
        }
      }
    },
    {
      "id": "5",
      "type": "role-templates",
      "attributes": { "name": "APT User" },
      "relationships": {
        "permissions": {
          "data": [
            { "type": "permissions", "id": "17" },
            { "type": "permissions", "id": "18" },
            { "type": "permissions", "id": "19" }
          ]
        }
      }
    },
    {
      "id": "6",
      "type": "role-templates",
      "attributes": {
        "name": "User Admin"
      },
      "relationships": {
        "permissions": {
          "data": [
            { "type": "permissions", "id": "21" },
            { "type": "permissions", "id": "23" }
          ]
        }
      }
    }
  ],
  "meta": { "record-count": 6 }
}

现在我有了一个
权限
数组，它为每个
权限
提供了一个
名称
，以及一个
id
。该
id
可以与
角色模板
数组中的嵌套数组相匹配。我想通过每个数组拥有的
permission.id
属性来匹配这两个数组。然后针对每个具有
权限的
角色
。我想为此显示一个星号
*

我该怎么做

[
{
“id”：“1”，
“类型”：“权限”，
“属性”：{
“名称”：“管理源列表”，
},
“关系”：{
“角色”：{
“数据”：[
{“类型”：“角色”，“id”：“1”}，
{“类型”：“角色”，“id”：“2”}，
{“类型”：“角色”，“id”：“7”}，
{“类型”：“角色”，“id”：“8”}
]
}
}
},
{
“id”：“2”，
“类型”：“权限”，
“属性”：{
“名称”：“管理公共层”，
},
“关系”：{
“角色”：{
“数据”：[
{“类型”：“角色”，“id”：“1”}，
{“类型”：“角色”，“id”：“2”}，
{“类型”：“角色”，“id”：“7”}，
{“类型”：“角色”，“id”：“8”}
]
}
}
},
{
“id”：“3”，
“类型”：“权限”，
“属性”：{
“名称”：“执行基准标记”
},
“关系”：{
“角色”：{
“数据”：[
{“类型”：“角色”，“id”：“1”}，
{“类型”：“角色”，“id”：“2”}，
{“类型”：“角色”，“id”：“7”}，
{“类型”：“角色”，“id”：“8”}
]
}
}
},
{
“id”：“4”，
“类型”：“权限”，
“属性”：{
“名称”：“进行趋势映射”
},
“关系”：{
“角色”：{
“数据”：[
{“类型”：“角色”，“id”：“1”}，
{“类型”：“角色”，“id”：“2”}，
{“类型”：“角色”，“id”：“7”}，
{“类型”：“角色”，“id”：“8”}
]
}
}
},
{
“id”：“5”，
“类型”：“许可证”，
“属性”：{
“名称”：“映射自定义值（针对每个数据源）”
},
“关系”：{
“角色”：{
“数据”：[
{“类型”：“角色”，“id”：“1”}，
{“类型”：“角色”，“id”：“2”}，
{“类型”：“角色”，“id”：“7”}，
{“类型”：“角色”，“id”：“8”}
]
}
}
},
{
“id”：“6”，
“类型”：“权限”，
“属性”：{
“名称”：“管理数据集”
},
“关系”：{
“角色”：{
“数据”：[
{“类型”：“角色”，“id”：“1”}，
{“类型”：“角色”，“id”：“2”}，
{“类型”：“角色”，“id”：“7”}，
{“类型”：“角色”，“id”：“8”}
]
}
}
},
{
“id”：“7”，
“类型”：“许可证”
“属性”：{
“名称”：“创建活动”
},
“关系”：{
“角色”：{
“数据”：[{“类型”：“角色”，“id”：“1”}，{“类型”：“角色”，“id”：“7”}]
}
}
},
{
“id”：“8”，
“类型”：“权限”，
“属性”：{
“名称”：“访问/修改活动设置”
},
“关系”：{
“角色”：{
“数据”：[
{“类型”：“角色”，“id”：“1”}，
{“类型”：“角色”，“id”：“3”}，
{“类型”：“角色”，“id”：“7”}，
{“类型”：“角色”，“id”：“9”}
]
}
}
},
{
“id”：“9”，
“类型”：“权限”，
“属性”：{
“名称”：“启动活动”
},
“关系”：{
“角色”：{
“数据”：[{“类型”：“角色”，“id”：“1”}，{“类型”：“角色”，“id”：“7”}]
}
}
},
{
“id”：“10”，
“类型”：“权限”，
“属性”：{
“名称”：“创建组织范围的调查相关通知”
},
“关系”：{
“角色”：{
“数据”：[{“类型”：“角色”，“id”：“1”}，{“类型”：“角色”，“id”：“7”}]
}
}
},
{
“id”：“11”，
“类型”：“权限”，
“属性”：{
“名称”：“查看报告”
},
“关系”：{
“角色”：{
“数据”：[
{“类型”：“角色”，“id”：“1”}，
{“类型”：“角色”，“id”：“4”}，
{“类型”：“角色”，“id”：“7”}，
{“类型”：“角色”，“id”：“10”}
]
}
}
},
{
“id”：“12”，
“类型”：“权限”，
“属性”：{
“名称”：“修改预构建报告”
},
“关系”：{
“角色”：{
“数据”：[{“类型”：“角色”，“id”：“1”}，{“类型”：“角色”，“id”：“7”}]
}
}
},
{
“id”：“13”，
“类型”：“权限”，
“属性”：{
“名称”：“创建新报告”
},
“关系”：{
“角色”：{
“数据”：[
{“类型”：“角色”，“id”：“1”}，
{“类型”：“角色”，“id”：“4”}，
{“类型”：“角色”，“id”：“7”}，
{“类型”：“角色”，“id”：“10”}
]
}
}
},
{
“id”：“14”，
“类型”：“权限”，
“属性”：{
“名称”：“与组织的其余部分共享报告”
},
“关系”：{
“角色”：{
“数据”：[{“类型”：“角色”，“id”：“1”}，{“类型”：“角色”，“id”：“7”}]
}
}
},
{
“id”：“15”，
“类型”：“权限”，
“属性”：{
“名称”：“与组织的其余部分共享筛选器”
},
“关系”：{
“角色”：{
“数据”：[{“类型”：“角色”，“id”：“1”}，{“类型”：“角色”，“id”：“7”}]
}
}
},
{
“id”：“16”，
“类型”：“权限”，
“属性”：{
“名称”：“创建投资组合”
},
“关系”：{
“角色”：{
“数据”：[]
}
}
},
{
“id”：“17”，
“类型”