Как при помощи JS cделать?

Question

[Анна]

Нашла задачу, вот думаю как решить. С чего начать? Построить таблицу с правилами ролей на нативном js. Типо этой:

const roles = [
  {id: 'Jhs82kms', name: 'Admin'},
  {id: 'J1x32kms', name: 'User'},
  {id: 'dfdr2kms', name: 'Manager'},
  {id: 'Jhsd3r23', name: 'Vip User'},
];

const rule = [
  {id: '1I&syd9n', name: 'Can buy product'},
  {id: 'aCCstdyl', name: 'Can get VIP product'},
  {id: '993eidnd', name: 'Can edit product'},
  {id: 'mmdnsuh8', name: 'Can edit user'},
];

const linkRule = [
  {id: 'asjd7b', ruleId: '1I&syd9n', rolesId: 'Jhs82kms'},
  {id: 'asidn8y', ruleId: 'aCCstdyl', rolesId: 'Jhs82kms'},
  {id: 'aisnsd3', ruleId: '993eidnd', rolesId: 'Jhs82kms'},
  {id: 'Lkd8wh', ruleId: 'mmdnsuh8', rolesId: 'Jhs82kms'},

  {id: 'aFkjds78', ruleId: '1I&syd9n', rolesId: 'J1x32kms'},
  {id: 'asdoNssd', ruleId: '993eidnd', rolesId: 'dfdr2kms'},
  {id: '9s877dhj', ruleId: 'aCCstdyl', rolesId: 'Jhsd3r23'},
];

Answer 1

[Сергей Соколов]

Возможно, задача покажется проще, если из первых двух массивов сделать "словари", где ключи id, а значения name.

Второй массив задаёт строки таблицы, первый – столбцы. Вложенный цикл.