【JavaScript】URLのパラメータを引き継ぐ方法

// 現在のURLが ...?page=2&sort=desc のとき
location.href = "https://example.com/new-page" + location.search;
// → https://example.com/new-page?page=2&sort=desc

// パラメータが無ければ location.search は "" なので、余計な ? は付かない

function carryParams(targetUrl) {
  const target = new URL(targetUrl, location.origin);
  const current = new URLSearchParams(location.search);

  // 現在のパラメータを遷移先にマージ（同名は現在の値で上書き）
  current.forEach((value, key) => target.searchParams.set(key, value));

  return target.href;
}

// 遷移先に既存クエリ(?lang=ja)があっても壊れない
location.href = carryParams("https://example.com/new-page?lang=ja");
// → https://example.com/new-page?lang=ja&page=2&sort=desc

const current = new URLSearchParams(location.search);
const target = new URL("https://example.com/new-page");

// page と sort だけ引き継ぐ
for (const key of ["page", "sort"]) {
  if (current.has(key)) {
    target.searchParams.set(key, current.get(key));
  }
}

location.href = target.href;

// class="keep-params" のリンクに現在のパラメータを引き継ぐ
document.querySelectorAll("a.keep-params").forEach((a) => {
  const url = new URL(a.href);
  new URLSearchParams(location.search).forEach((value, key) => {
    url.searchParams.set(key, value);
  });
  a.href = url.href;
});

const params = new URLSearchParams(location.search);

params.set("page", "1");  // 値を変更
params.delete("temp");    // 不要なパラメータを削除

const target = new URL("https://example.com/new-page");
target.search = params.toString(); // クエリ全体を差し替え（?は自動）
location.href = target.href;