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

文字列から最長の単語を見つけるJavaScript関数

文字列を唯一の引数として受け取り、その文字列を走査して最も長い単語を見つけて返すJavaScript関数を作成する方法を解説します。

例

入力文字列が以下の場合を考えてみましょう。

const str = 'Coding in JavaScript is really fun';

この場合、出力は次のようになります。

const output = 'JavaScript';

コード例

以下が実際のコードです。

const str = 'Coding in JavaScript is really fun';
const findLongest = (str = '') => {
   const strArr = str.split(' ');
   const word = strArr.reduce((acc, val) => {
      let { length: len } = acc;
      if(val.length > len){
         acc = val;
      };
      return acc;
   }, '');
   return word;
};
console.log(findLongest(str));

出力

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

JavaScript

コードの解説

この関数がどのように動作するのか、順を追って見ていきましょう。

• split(' ')： 文字列をスペースで区切り、単語の配列に変換します。
• reduce()： 配列の各単語を順番に処理し、これまでに見つかった最長の単語を累積値（acc）として保持します。
• 現在の単語の長さが累積値の長さより大きければ、累積値を現在の単語で置き換えます。
• 最終的に、最も長い単語が呼び出し元に返されます。

別のアプローチ

sort()を使う方法

単語を長さの降順にソートし、先頭の要素を取得する方法もあります。

const findLongest = (str = '') => {
   return str.split(' ').sort((a, b) => b.length - a.length)[0];
};
console.log(findLongest('Coding in JavaScript is really fun'));

この方法は非常に簡潔ですが、配列全体をソートするため、単語数が多い場合はreduce()を使う方法よりもパフォーマンスが劣る可能性があります。

for...ofループを使う方法

より直感的に理解しやすいfor...ofループを使った実装例です。

const findLongest = (str = '') => {
   let longest = '';
   for (const word of str.split(' ')) {
      if (word.length > longest.length) {
         longest = word;
      }
   }
   return longest;
};
console.log(findLongest('Coding in JavaScript is really fun'));

まとめ

文字列から最長の単語を検索するには、split()で文字列を単語の配列に分割し、reduce()やループ処理で最長の単語を特定するのが基本的なアプローチです。コードの可読性とパフォーマンスのバランスを考慮し、目的に合った方法を選択しましょう。