Добавление параметра в URL-адрес с помощью JavaScript

Базовая реализация, которую js вам нужно будет адаптировать, будет params выглядеть примерно так:

function insertParam(key, value) {
    key = encodeURIComponent(key);
    value = encodeURIComponent(value);

    // kvp looks like ['key1=value1', 'key2=value2', ...]
    var kvp = document.location.search.substr(1).split('&');
    let i=0;

    for(; i= kvp.length){
        kvp[kvp.length] = [key,value].join('=');
    }

    // can return this or...
    let params = kvp.join('&');

    // reload page with new params
    document.location.search = params;
}

Это params примерно в два раза быстрее, чем query-string решение на основе регулярных param выражений или поиска, но urls это полностью зависит от parameter длины строки запроса и индекса parsers любого совпадения


метод медленного ecmascript регулярного выражения, который vanilla-javascript я сравнивал с целью завершения parse (примерно на 150% медленнее)

function insertParam2(key,value)
{
    key = encodeURIComponent(key); value = encodeURIComponent(value);

    var s = document.location.search;
    var kvp = key+"="+value;

    var r = new RegExp("(&|\\?)"+key+"=[^\&]*");

    s = s.replace(r,"$1"+kvp);

    if(!RegExp.$1) {s += (s.length>0 ? '&' : '?') + kvp;};

    //again, do what you will here
    document.location.search = s;
}

javascript

url

parsing

parameters

query-string

2022-11-18T21:16:07+00:00