JavaScriptで2つのオブジェクトを比較し、共通の値を持つキーの配列を取得する方法

JavaScriptでは、2つのオブジェクトを受け取り、両方のオブジェクトに存在し、かつ同じ値を持つキーだけを抽出して配列として返す関数が必要になることがあります。

このような処理は、Object.keys()とfilter()を組み合わせることで、シンプルかつ効率的に実装できます。以下に具体的な実装例を紹介します。

実装例

まず、比較対象となる2つのオブジェクトを用意します。その後、アロー関数を使って共通キーを判定する処理を記述します。

const obj1 = { a: true, b: false, c: "foo" };
const obj2 = { a: false, b: false, c: "foo" };

const compareObjects = (obj1 = {}, obj2 = {}) => {
    const common = Object.keys(obj1).filter(key => {
        if(obj1[key] === obj2[key] && obj2.hasOwnProperty(key)){
            return true;
        };
        return false;
    });
    return common;
};

console.log(compareObjects(obj1, obj2));

コードの解説

Object.keys(obj1)で1つ目のオブジェクトのすべてのキーを配列として取得し、filter()メソッドで条件に合うキーのみを絞り込みます。各キーについて以下の2つの条件をチェックしています。

• obj1[key] === obj2[key]: 厳密等価演算子（===）により、両オブジェクトで値が完全に一致しているかを確認します。
• obj2.hasOwnProperty(key): 2つ目のオブジェクトがそのキーを直接持っているかどうかを確認し、プロトタイプチェーン上のプロパティを誤って判定しないようにします。

この例では、キー a の値は true と false で異なるため除外され、キー b（どちらも false）とキー c（どちらも "foo"）が一致しています。

出力結果

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

['b', 'c']

このように、厳密等価演算子とhasOwnProperty()を組み合わせたフィルタリング処理により、2つのオブジェクト間で「同じキー・同じ値」を持つ要素だけを正確に取り出すことができます。