JavaScriptで配列内の最長の文字列を検索する方法

JavaScriptでは、文字列の配列を受け取り、その中から最も長い文字列を検索して返す関数を作成することができます。

この処理を実装する上で重要なのは、元の配列の中身を一切変更しないことです。本記事では、reduce()メソッドを活用して、シンプルかつ効率的に最長文字列を取得する方法を紹介します。

実装コード

以下のコードをご覧ください。

const arr = ["aaaa", "aa", "aa", "aaaaa", "acc", "aaaaaaaa"];
const findLargest = (arr = []) => {
    if(!arr?.length){
        return '';
    };
    let res = '';
    res = arr.reduce((acc, val) => {
        return acc.length >= val.length ? acc : val;
    });
    return res;
};
console.log(findLargest(arr));

実行結果

コンソールには以下のように出力されます。

aaaaaaaa

コードの解説

この関数の動作を順番に見ていきましょう。

• 引数のチェック： まず arr?.length を使って配列が空でないかどうかを確認し、空の場合や無効な場合は安全に空文字列を返します。
• reduce()による要素の比較： reduce()メソッドは配列の各要素を先頭から順に処理します。アキュムレータ（acc）と現在の要素（val）の文字数を比較し、より長い方を次のアキュムレータとして引き継ぎます。
• 元の配列は保持される： reduce()は非破壊的なメソッドのため、入力配列は一切変更されず、元のデータがそのまま保たれます。

このように、わずか数行のコードで配列内の最長文字列を安全かつ簡潔に取得することができます。同様のアプローチは「最短の文字列」を探す場合にも応用でき、比較条件を逆にするだけで実装可能です。