JavaScriptでクエリ文字列のすべての値を取得する方法

JavaScriptを使用して、URLのクエリ文字列からすべてのパラメータの値を取得する方法はいくつかあります。以下にいくつかの方法とそれぞれのコード例を示します。

方法1: URLSearchParamsオブジェクトを使用する方法

// 現在のURLからクエリ文字列を取得
const queryString = window.location.search;
// URLSearchParamsオブジェクトを作成
const params = new URLSearchParams(queryString);
// クエリパラメータの値を取得
params.forEach((value, key) => {
  console.log(`${key}: ${value}`);
});

方法2: 自前で解析する方法

// 現在のURLからクエリ文字列を取得
const queryString = window.location.search;
// クエリ文字列をパースしてパラメータのオブジェクトを作成
const params = {};
queryString.slice(1).split('&').forEach(param => {
  const [key, value] = param.split('=');
  if (key && value) {
    params[key] = decodeURIComponent(value);
  }
});
// クエリパラメータの値を取得
Object.keys(params).forEach(key => {
  console.log(`${key}: ${params[key]}`);
});

これらの方法を使用すると、クエリ文字列からすべてのパラメータの値を取得できます。選択した方法に合わせてコードを使用してください。それぞれのメソッドは異なるアプローチを提供していますが、同様の結果が得られます。