JavaScriptでの2次元配列のグループ化と並べ替え

このような数の2次元配列があるとします-

const arr = [
   [1, 3, 2],
   [5, 2, 1, 4],
   [2, 1]
];

すべての同じ番号を独自の個別のサブ配列にグループ化するJavaScript関数を作成する必要があります。次に、関数はグループ配列を並べ替えて、サブ配列を昇順で配置する必要があります。

したがって、最終的に新しい配列は次のようになります-

const output = [
   [1, 1, 1],
   [2, 2, 2],
   [4], [3],
   [5]
];

例

このためのコードは-

const arr = [
   [1, 3, 2],
   [5, 2, 1, 4],
   [2, 1]
];
const groupAndSort = arr => {
   const res = [];
   const map = Object.create(null);
   Array.prototype.forEach.call(arr, item => {
      item.forEach(el => {
         if (!(el in map)) {
            map[el] = [];
            res.push(map[el]);
         };
         map[el].push(el);
      });
   });
   res.sort((a, b) => {
      return a[0] - b[0];
   });
   return res;
};
console.log(groupAndSort(arr));

出力

コンソールの出力-

[ [ 1, 1, 1 ], [ 2, 2, 2 ], [ 3 ], [ 4 ], [ 5 ] ]