JavaScriptで2つの文字列の共通要素を検索する方法

本記事では、共通要素を含む（または含まない）2つの文字列を引数として受け取り、共通要素が存在しない場合は空文字列を、存在する場合はすべての共通要素を含む文字列を返すJavaScript関数の作成方法を解説します。

例として、次の2つの文字列を使用します。

const str1 = 'Hey There!!, how are you';
const str2 = 'Can this be a special string';

コード例

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

const str1 = 'Hey There!!, how are you';
const str2 = 'Can this be a special string';
const commonString = (str1, str2) => {
   let res = '';
   for(let i = 0; i < str1.length; i++){
      if(!str2.includes(str1[i])){
         continue;
      };
      res += str1[i];
   };
   return res;
};
console.log(commonString(str1, str2));

コードの解説

この関数の仕組みは以下の通りです。

• まず、結果を格納するための空文字列 res を初期化します。
• forループを使って、1つ目の文字列 str1 の各文字を先頭から順に取り出します。
• includes() メソッドを使い、その文字が2つ目の文字列 str2 に含まれているかどうかを判定します。
• 含まれていない場合は continue でその文字をスキップし、含まれている場合は結果の文字列に追加します。
• ループが完了したら、共通要素を集めた文字列を返します。共通要素が1つも存在しない場合は、空文字列がそのまま返されます。

出力結果

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

e here h are

このように、str1 の文字の中で str2 にも含まれている文字だけが順番に抽出され、1つの文字列として結合されます。