JavaScriptでURLパラメータを含んだリダイレクトする方法

1. クエリストリングを使用したリダイレクト: URLにパラメータを含めるために、クエリストリングを使用することができます。以下は例です。

const parameter1 = 'value1';
const parameter2 = 'value2';
// パラメータをクエリストリングに追加
const queryString = `?param1=${parameter1}&param2=${parameter2}`;
// リダイレクト
window.location.href = 'http://example.com/page' + queryString;

2. URLSearchParamsオブジェクトを使用したリダイレクト: URLSearchParamsオブジェクトを使用すると、より柔軟にURLパラメータを操作できます。以下は例です。

const params = new URLSearchParams();
params.append('param1', 'value1');
params.append('param2', 'value2');
// パラメータを含んだURLを作成
const url = new URL('http://example.com/page');
url.search = params.toString();
// リダイレクト
window.location.href = url.toString();

3. ハッシュパラメータを使用したリダイレクト: ハッシュパラメータを使用すると、URLの後ろに#を付けてパラメータを追加できます。以下は例です。

const parameter1 = 'value1';
const parameter2 = 'value2';
// パラメータをハッシュパラメータに追加
const hashParams = `#param1=${parameter1}&param2=${parameter2}`;
// リダイレクト
window.location.href = 'http://example.com/page' + hashParams;

これらの方法を使用すると、JavaScriptを介してURLにパラメータを含んだリダイレクトを行うことができます。必要に応じて、パラメータの値を動的に変更することもできます。