JavaScriptでMap（マップ）の値を1つの文字列に結合する方法

JavaScriptでは、Map()オブジェクトの概念を利用して、複数のマップ値を1つの文字列に結合できます。Mapはキーと値（key-value）のペアでデータを管理し、キーは必ず一意である必要があります。

さらに、配列の要素を連結するための join() メソッドも併用します。以下に具体的なコード例を示します。

コード例

let queryStringAppendWithURL = new Map();
queryStringAppendWithURL.set("firstParamter", ["name=John", "age=23", "countryName=US"]);
queryStringAppendWithURL.set("secondParamter", ["subjectName=JavaScript", "Marks=91"]);
let appendValue = Array.from(queryStringAppendWithURL.values()).map(value =>
value.join('?')).join('?');
console.log("結合された値=" + appendValue);

プログラムの実行方法

上記のプログラムを実行するには、Node.js環境で次のコマンドを使用します。

node fileName.js

ここでは、ファイル名を demo78.js として保存したものとします。

実行結果

このプログラムを実行すると、以下の出力が得られます。

PS C:\Users\Amit\JavaScript-code> node demo78.js
The appended value
is=name=John?age=23?countryName=US?subjectName=JavaScript?Marks=91

処理の流れの解説

このコードでは、まず Array.from() を使ってMapからすべての値を配列として取り出しています。その後、各値（配列）に対して map() 内で join('?') を適用し、配列内の要素を「?」区切りの文字列に変換します。最後に、外側でもう一度 join('?') を呼び出すことで、すべてのパラメータが1つの文字列として連結されます。URLクエリ文字列のような形式でデータをまとめたい場合に便利なテクニックです。