JavaScriptで配列の2つの文字列を比較し、すべての文字が含まれるか判定する方法

今回は、配列の第1要素に含まれる文字列が、第2要素の文字列のすべての文字を含んでいる場合に true を返す関数を作成してみましょう。

例えば、次のようなケースが考えられます。

["hello", "Hello"] → true
大文字・小文字を無視すれば、2つ目の文字列のすべての文字が1つ目に含まれているため

一方、引数が ["hello", "hey"] の場合は false を返します。「hello」には「y」という文字が含まれていないからです。

また、["Alien", "line"] の場合は、「line」のすべての文字が「Alien」に含まれているため true となります。

解決のアプローチ

この問題は比較的シンプルです。配列の第2要素を1文字ずつ分割し、各文字が第1要素に含まれているかどうかを順番に確認します。すべての文字が含まれていれば true、1つでも欠けていれば false を返す仕組みです。

具体的な手順は以下の通りです。

1. 第2要素の文字列を toLowerCase() で小文字に統一する
2. split("") で1文字ずつの配列に分解する
3. every() メソッドで、すべての文字が第1要素に存在するかを検証する

大文字・小文字の違いは無視したいので、比較前に両方の文字列を小文字に変換しておくのがポイントです。

コード例

const arrayContains = ([first, second]) => {
   return second
   .toLowerCase()
   .split("")
   .every(char => {
      return first.toLowerCase().includes(char);
   });
};
console.log(arrayContains(['hello', 'HELLO']));
console.log(arrayContains(['hello', 'hey']));
console.log(arrayContains(['Alien', 'line']));

ここでは配列の分割代入を使って、第1引数を first、第2引数を second として受け取っています。every() は配列の全要素が条件を満たすときだけ true を返すメソッドなので、この用途にぴったりです。

実行結果

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

true
false
true

別のアプローチ：Set を活用した高速化

より長い文字列を扱う場合は、Set を使うと効率が向上します。includes() を繰り返し呼び出す代わりに、Set の has() メソッドなら定数時間で文字の存在を確認できるからです。

const arrayContains = ([first, second]) => {
   const chars = new Set(first.toLowerCase());
   return [...second.toLowerCase()].every(char => chars.has(char));
};

まず第1要素の文字集合を Set として生成し、スプレッド構文で展開した第2要素の各文字がすべてその集合に含まれるかを every() で判定しています。文字列が長くなるほど、この方法の優位性が顕著になります。