[JavaScript]ネストした配列内のオブジェクト内の値でソートする方法

Question

聞きたいこと

下のようなネストした配列内に存在しているオブジェクトの値で、配列内の要素を並べ替えする方法を探しています。
比較基準の値は、ネストした配列内の1つ目の要素であるオブジェクトのnumの値で、その値を用いて親配列の要素の並べ替えをしたいと思っています。

[
  [
    { num: '1', type: 'meta' },
    { name: 'Tanaka', id: 'xxxxx-yyyy-zzzz' },
    { name: 'Sato', id: 'zzzz-xxxxx-yyyyy' },
    :
  ],
  [
    { num: '21', type: 'meta' },
    { name: 'Kobayashi', id: 'xzzzz-yyyy-zzzz' },
    { name: 'Tonegawa', id: 'zyyyyy-xxxxx-yyyyy' },
    :
  ],
    [
    { num: '18', type: 'meta' },
    { name: 'Suzuki', id: 'xzzxx-yyyy-zzzz' },
    { name: 'Asai', id: 'ZZZZZ-xxxxx-yyyyy' },
    :
  ],

]

ソートした結果下のような結果にしたいと思っています。

[
  [
    { num: '1', type: 'meta' },
    { name: 'Tanaka', id: 'xxxxx-yyyy-zzzz' },
    { name: 'Sato', id: 'zzzz-xxxxx-yyyyy' },
    :
  ],

  // 配列内の1つ目の要素のnumが18で、他の配列内の1つ目の要素と比較した時に2番めの大きさなので、親配列の2番め目の要素になる
  [
    { num: '18', type: 'meta' }, 
    { name: 'Suzuki', id: 'xzzxx-yyyy-zzzz' },
    { name: 'Asai', id: 'ZZZZZ-xxxxx-yyyyy' },
    :
  ],
  [
    { num: '21', type: 'meta' }, 
    { name: 'Kobayashi', id: 'xzzzz-yyyy-zzzz' },
    { name: 'Tonegawa', id: 'zyyyyy-xxxxx-yyyyy' },
    :
  ],
]

Answer 1

さっきの質問の回答と同じ考え方でいいと思います

const arr = [
          [
              { num: '1', type: 'meta' },
              { name: 'Tanaka', id: 'xxxxx-yyyy-zzzz' },
              { name: 'Sato', id: 'zzzz-xxxxx-yyyyy' },

          ],
          [
              { num: '21', type: 'meta' },
              { name: 'Kobayashi', id: 'xzzzz-yyyy-zzzz' },
              { name: 'Tonegawa', id: 'zyyyyy-xxxxx-yyyyy' },

          ],
          [
              { num: '18', type: 'meta' },
              { name: 'Suzuki', id: 'xzzxx-yyyy-zzzz' },
              { name: 'Asai', id: 'ZZZZZ-xxxxx-yyyyy' },

          ],

        ];

console.log(arr.sort((a, b) => a[0].num - b[0].num));