JavaScriptで2次元配列の各サブ配列から最大値を抽出して新しい配列を作成する方法

例えば、以下のような数値からなる2次元配列(配列の配列)があるとします。

const arr = [
  [1, 16, 34, 48],
  [6, 66, 2, 98],
  [43, 8, 65, 43],
  [32, 98, 76, 83],
  [65, 89, 32, 4],
];

この2次元配列に対してmap処理を行い、各サブ配列に含まれる最大値を要素として持つ新しい配列を返す関数を作成する必要があります。

上記の配列の場合、期待される出力は次のとおりです。

const output = [
    48,
    98,
    65,
    98,
    89
];

実装例

以下は、各サブ配列から最大の要素を取得するコードです。

const arr = [
    [1, 16, 34, 48],
    [6, 66, 2, 98],
    [43, 8, 65, 43],
    [32, 98, 76, 83],
    [65, 89, 32, 4],
];
const constructBig = arr => {
    return arr.map(sub => {
        const max = Math.max(...sub);
        return max;
    });
};
console.log(constructBig(arr));

コードの解説

このコードでは、Array.prototype.map()メソッドを使って外側の配列を反復処理しています。各サブ配列に対しては、スプレッド構文(...)でサブ配列の要素を展開してMath.max()に渡すことで、そのサブ配列内の最大値を求めています。

map()は各要素の処理結果を新しい配列として返すため、元の2次元配列は変更されず、最大値だけを集めた新しい配列を安全に生成できます。

出力結果

コンソールには次のような出力が表示されます。

[ 48, 98, 65, 98, 89 ]