JavaScriptを使用してURLにクエリパラメータを追加および更新する方法

1. URLにクエリパラメータを追加する方法: URLにクエリパラメータを追加するには、以下の手順を実行します。

// 現在のURLを取得します
let url = window.location.href;
// 新しいクエリパラメータを追加します
let newParam = 'param1=value1';
// URLにクエリパラメータを追加します
if (url.indexOf('?') !== -1) {
  url += '&' + newParam;
} else {
  url += '?' + newParam;
}
// 更新されたURLを表示します
console.log(url);

2. URLの既存のクエリパラメータを更新する方法: 既存のクエリパラメータを更新するには、以下の手順を実行します。

// 現在のURLを取得します
let url = window.location.href;
// 更新するクエリパラメータの名前と値を指定します
let paramName = 'param1';
let paramValue = 'new_value';
// URLのクエリ文字列を取得します
let queryString = url.split('?')[1];
// クエリ文字列をパースしてオブジェクトに変換します
let params = new URLSearchParams(queryString);
// クエリパラメータを更新します
params.set(paramName, paramValue);
// 更新されたクエリパラメータを含むURLを作成します
let updatedUrl = url.split('?')[0] + '?' + params.toString();
// 更新されたURLを表示します
console.log(updatedUrl);

これらの方法を使用すると、JavaScriptを使ってURLにクエリパラメータを追加および更新することができます。追加または更新したいパラメータと値を指定し、上記のコード例を参考にしてください。