JavaScriptで文字列配列の中から最も短い要素を見つける方法

この記事では、文字列の配列を受け取り、その中から最も短い（文字数が最小の）文字列を見つけて返すJavaScript関数の作り方を解説します。

実装のアプローチとしては、配列を一度だけ走査しながら、現時点で見つかっている最短文字列のインデックスと長さを保持していく方法がシンプルで効率的です。ここでは reduce メソッドを活用し、この処理を簡潔に記述してみましょう。

コード例

実際のコードは以下の通りです。

const arr = ['this', 'can', 'be', 'some', 'random', 'sentence'];
const findSmallest = arr => {
    const creds = arr.reduce((acc, val, index) => {
        let { ind, len } = acc;
        if(val.length < len){
            len = val.length;
            ind = index;
        };
        return { ind, len };
    }, {
        ind: -1,
        len: Infinity
    });
    return arr[creds['ind']];
};
console.log(findSmallest(arr));

コードの解説

reduce の初期値として、インデックスは -1、長さは Infinity を持つオブジェクトを設定しています。これにより、どのような配列でも最初の要素と正しく比較できるようになります。

各要素を走査する際には、現在の文字列の長さがそれまでに記録した長さより短ければ、インデックス（ind）と長さ（len)を更新します。すべての要素の処理が終わった後、記録されたインデックスを使って元の配列から最短の文字列を取り出して返す仕組みです。

なお、同じ長さの最短文字列が複数存在する場合は、先に出現したものが採用される点にも注意してください。

実行結果

このコードをコンソールで実行すると、以下の出力が得られます。

be

配列の中で「be」が最も文字数の少ない文字列であるため、正しく検出できていることがわかります。