JavaScriptで、URLのPath文字列にクエリパラメーター(?)があるかどうかの判定や作成する方法

const url = "https://masanyon.com/path?param1=value1¶m2=value2";

if (url.match(/\?(.*)/)) {
  console.log("?あり");
} else {
  console.log("?なし");
}

/** 1. 完全なURL文字列パターン */
const url = "https://masanyon.com/path?param1=value1¶m2=value2";

/** 1-1. クエリパラメーターより前の URL部分だけを取得する */
const path = url.substring(0, url.indexOf("?"));
console.log("path", path);
// path https://masanyon.com/path

/** 1-2. クエリパラメーターの部分だけを取得する */
const queryParameters = url.match(/\?(.*)/)[1];
console.log("queryParameters", queryParameters);
// queryParameters param1=value1¶m2=value2

// 1-3. ちなみに、url.match(/\?(.*)/) の実行結果は、次のとおり ?付きも取得することができる
console.log("url.match(/?(.*)/)", url.match(/\?(.*)/));
// [ "?param1=value1¶m2=value2", "param1=value1¶m2=value2" ]

/** 2. 部分的なURL文字列パターン */
const url2 = "/path?param1=value1¶m2=value2";

/** 2-1. クエリパラメーターより前の URL部分だけを取得する */
const path2 = url2.substring(0, url2.indexOf("?"));
console.log("path2", path2);
// path2 /path

/** 2-2. クエリパラメーターの部分だけを取得する */
const queryParameters2 = url2.match(/\?(.*)/)[1];
console.log("queryParameters2", queryParameters2);
// queryParameters2 param1=value1¶m2=value2

const url = "robotama/path?key1=value1&key2=value2";

/** Path から、QueryParameterの部分だけを取得する */
const queryString = url.slice(url.indexOf("?") + 1);
console.log("queryString", queryString);
// queryString key1=value1&key2=value2

/** 既存のクエリパラメーターありパターン */
const url = "/robotama/?key1=value1&key2=value2";

/** 既存のクエリパラメーターなしパターン */
const url2 = "/maritama";

/** CacheBusterをするための URLを作成する Fucntion */
function createNoCacheUrl(url) {
  // ?ありの場合 => 既存の QueryParameter が存在する場合
  if (url.match(/\?(.*)/)) {
    /** ?より前の Path部分 */
    const path = url.substring(0, url.indexOf("?"));
    /** QueryParameter部分 */
    const queryParameter = url.match(/\?(.*)/)[1];
    /** 既存の QueryParameterたちに、TimeStamp を追加する */
    const newUrl = `${path}?${queryParameter}&time=${Date.now()}`;
    return newUrl;
  } else {
    return `${url}?time=${Date.now()}`;
  }
}

/** キャッシュを無効化する キャッシュバスターURL */
const cacheBusterUrl = createNoCacheUrl(url);
console.log("cacheBusterUrl", cacheBusterUrl);
// cacheBusterUrl /robotama/?key1=value1&key2=value2&time=1689493443712

/** キャッシュを無効化する キャッシュバスターURL */
const cacheBusterUrl2 = createNoCacheUrl(url2);
console.log("cacheBusterUrl2", cacheBusterUrl2);
// cacheBusterUrl2 /maritama?time=1689493443712

/** クエリパラメーター文字列 */
const queryString = "?key1=value1&key2=value2";

/** クエリパラメーター文字列を JS_Objectに変換する */
const paramObj = [...new URLSearchParams(queryString).entries()].reduce(
  (obj, e) => ({ ...obj, [e[0]]: e[1] }),
  {}
);
console.log("paramObj", paramObj);
// paramObj {key1: 'value1', key2: 'value2'}

/** クエリパラメーター文字列 */
const queryString = "?key1=value1&key2=value2";

/** クエリパラメーター文字列を JS_Objectに変換する */
const paramObj = [...new URLSearchParams(queryString).entries()].reduce(
  (obj, e) => ({ ...obj, [e[0]]: e[1] }),
  {}
);
console.log("paramObj", paramObj);
// paramObj {key1: 'value1', key2: 'value2'}

// タイムスタンプを JS_Objectに追加する
paramObj.time = Date.now();

/** JS_Objectを QueryParameterに戻す */
const urlSearchParam = new URLSearchParams(paramObj).toString();
console.log("urlSearchParam", urlSearchParam);
// urlSearchParam key1=value1&key2=value2&time=1689494222825