js 替换 url 参数

function replaceUrlParam(url, key, newValue) {
    // 创建 URL 对象
    let urlObj = new URL(url);
    // 获取查询参数对象
    let searchParams = urlObj.searchParams;
    // 设置新的参数值
    searchParams.set(key, newValue);
    // 返回修改后的 URL 字符串
    return urlObj.toString();
}

let originalUrl = 'https://example.com/page?param1=value1&param2=value2';
let newUrl = replaceUrlParam(originalUrl, 'param2', 'newvalue');
console.log(newUrl); // 输出: https://example.com/page?param1=value1&param2=newvalue

function replaceUrlParamLegacy(url, key, newValue) {
    let regex = new RegExp('[?&]' + key + '=.*?(&|$)', 'i');
    let separator = url.indexOf('?') !== -1 ? '&' : '?';
    if (url.match(regex)) {
        return url.replace(regex, '$1').concat(separator + key + '=' + encodeURIComponent(newValue));
    } else {
        return url.concat(separator + key + '=' + encodeURIComponent(newValue));
    }
}

let originalUrl = 'https://example.com/page?param1=value1&param2=value2';
let newUrl = replaceUrlParamLegacy(originalUrl, 'param2', 'newvalue');
console.log(newUrl); // 输出: https://example.com/page?param1=value1&param2=newvalue