JavaScriptでオブジェクトのキーと値を反転させる方法（逆マッピング）

JavaScriptでは、オブジェクトを受け取り、キーと値を入れ替えた新しいオブジェクトを返す関数 reverseObject() を作成する必要がある場面があります。これは「逆オブジェクトマッピング」と呼ばれる処理です。

実装のアプローチ

この問題は、Object.keys() で元のオブジェクトのキーを順番に取り出し、それぞれの「キーと値のペア」を「値とキーのペア」として新しいオブジェクトに格納していくことで実現できます。

注意すべき点は、同じ値を持つキーが複数存在する可能性があることです。そのため、新しいオブジェクトの値は配列として管理し、該当する値がすでに存在する場合は配列に追加し、存在しない場合は新しい配列を作成します。

サンプルコード

const cities = {
    'Jodhpur': 'Rajasthan',
    'Alwar': 'Rajasthan',
    'Mumbai': 'Maharasthra',
    'Ahemdabad': 'Gujrat',
    'Pune': 'Maharasthra'
};
const reverseObject = (obj) => {
    const newObj = {};
    Object.keys(obj).forEach(key => {
        if(newObj[obj[key]]){
            newObj[obj[key]].push(key);
        }else{
            newObj[obj[key]] = [key];
        }
    });
    return newObj;
};
console.log(reverseObject(cities));

実行結果

上記のコードをコンソールで実行すると、次のような出力が得られます。

{
    Rajasthan: [ 'Jodhpur', 'Alwar' ],
    Maharasthra: [ 'Mumbai', 'Pune' ],
    Gujrat: [ 'Ahemdabad' ]
}

コードの解説

この例では、都市名をキー、州名を値とするオブジェクト cities を用意しています。反転処理を行うことで、州名がキーとなり、その州に属する都市名が配列として値に格納されます。

たとえば「Rajasthan」には「Jodhpur」と「Alwar」の2つの都市が属しているため、出力結果ではこれらがひとつの配列にまとめられています。このように、値の重複に対応した柔軟なデータ変換が可能になります。