【JavaScript】2つの配列を比較してtrue/falseの新しい配列を作成する方法

JavaScriptでは、2つの配列を比較し、片方の配列（master配列）の要素がもう片方の配列（keys配列）に存在するかどうかを判定したいケースがあります。その結果として、master配列と同じ長さの新しい配列を作成し、keys配列に存在する値にはtrue、存在しない値にはfalseを格納する方法を解説します。

問題の例

たとえば、次のような2つの配列があるとします。

const master = [3,9,11,2,20];
const keys = [1,2,3];

この場合、期待される最終的な配列は以下のようになります。

const finalArray = [true, false, false, true, false];

master配列の要素「3」と「2」はkeys配列に含まれているためtrueになり、「9」「11」「20」は含まれていないためfalseになります。

実装コード

この問題を解決するには、配列のmap()メソッドとincludes()メソッドを組み合わせるのが効果的です。実際に関数を書いてみましょう。

const master = [3,9,11,2,20];
const keys = [1,2,3];
const prepareBooleans = (master, keys) => {
    const booleans = master.map(el => {
        return keys.includes(el);
    });
    return booleans;
};
console.log(prepareBooleans(master, keys));

コードの解説

map()メソッドは、master配列の各要素に対して順番に処理を実行し、その結果から新しい配列を作成します。各要素に対してincludes()メソッドを使い、その要素がkeys配列に含まれているかどうかを判定しています。includes()は要素が存在すればtrue、存在しなければfalseを返すため、その結果がそのまま新しい配列の要素になります。

実行結果

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

[ true, false, false, true, false ]

このように、map()とincludes()を組み合わせることで、わずか数行のコードで2つの配列を比較した判定結果の配列を簡単に作成できます。なお、大量のデータを扱う場合は、includes()の代わりにSetオブジェクトを使用すると検索速度が向上し、パフォーマンス面でより効率的になります。