JavaScriptで文字列から指定した長さより長い単語を抽出して配列として返す方法

問題

単語の並んだ文（文字列）と数値を受け取り、その数値で指定された長さよりも文字数が多い単語をすべて抽出し、配列として返すJavaScript関数を作成する必要があります。

入力

const str = 'this is an example of a basic sentence';
const num = 4;

出力

const output = [ 'example', 'basic', 'sentence' ];

これは、元の文の中で文字数が4より大きい単語が「example」「basic」「sentence」の3つしか存在しないためです。

実装例

以下がそのコードです。

const str = 'this is an example of a basic sentence';
const num = 4;
const findLengthy = (str = '', num = 1) => {
    const strArr = str.split(' ');
    const res = [];
    for(let i = 0; i < strArr.length; i++){
        const el = strArr[i];
        if(el.length > num){
            res.push(el);
        };
    };
    return res;
};
console.log(findLengthy(str, num));

出力

[ 'example', 'basic', 'sentence' ]

コードの解説

まず、split(' ')メソッドを使って文をスペースで区切り、単語ごとの配列に変換します。続いてforループで各単語を1つずつ取り出し、lengthプロパティで文字数を確認します。文字数が引数で渡された数値より大きい場合のみ、結果格納用の配列に追加していきます。最後に、条件を満たした単語だけが入った配列を返しています。

filter()メソッドを使ったより簡潔な書き方

同じ処理は、配列が持つfilter()メソッドを利用することで、さらに短く読みやすいコードとして記述できます。

const findLengthy = (str = '', num = 1) =>
  str.split(' ').filter(word => word.length > num);

console.log(findLengthy(str, num));
// [ 'example', 'basic', 'sentence' ]

この書き方では中間変数や明示的なループが不要になり、「スペースで分割し、条件に合う単語だけを残す」という処理の意図がひと目で伝わります。実務ではこちらのスタイルが好まれることも多いでしょう。